CSS: Rotate an image or text-transform

gistfile1

Rotating an image or text – transform
Rotate any image, text, or technically any element using this. Change the rotate value to how many degrees you want it to rotate, adding a “-” (like in the snippet) for counterclockwise rotating.


/* for firefox, safari, chrome, and any other gecko/webkit browser */
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
 
/* for ie */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 
/* opera */
-o-transform: rotate(30deg);