CSS3 Ribbon Effect

I like to add simple, subtle details to my design, and doing this using only CSS makes me happy :)

The effect below is obtained using only CSS3, without extra HTML or images:

Have a look at the code here

Ribbon on the left

Ribbon side to side