Text Rotation in CSS3

In the old days we had faced big issue to rotate the text. But these days it’s a very simple through CSS3 “Transform” property. See the below example.


.text-rotation {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}

Example:

Text Rotation