How to create a ribbon shape in CSS

Question

http://jsfiddle.net/6HyjZ/

.bookmarkRibbon{
     width:0; 
     height:100px; 
     border-right:50px solid blue;
     border-left:50px solid blue;
     bord         


        

Answer 1

You already have the shape, just use the transform property to change its angle.

Here is the code that I have added to the code you have.

 transform: rotate(270deg);

Here is the fiddle, http://jsfiddle.net/6HyjZ/11/ It now points to the right (unless that's right right side)