Naresh Bojja

January 13, 2011

CSS Rotate Text 90 Degrees

Filed under: Uncategorized — Naresh Bojja @ 3:38 pm

For WebKit & mozilla

-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);

For IE:

filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
rotation accepts 4 values.0, 1, 2, or 3 which will rotate the element 0, 90, 180 or 270 degrees respectively.

Full Code:

#rotate {
float:left;
font-size:10;
font-family:Verdana;
-webkit-transform: rotate(-90deg); -moz-transform:rotate(-90deg);
filter:progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

<div id=”rotate”>Rotate Me</div>

Enjoy…

Theme: Rubric. Blog at WordPress.com.

Follow

Get every new post delivered to your Inbox.