Jonathan Snook, published an interesting article that shows how to rotate text using CSS.

The code is clear that it is not standard and only works in Safari / WebKit, Firefox and Internet Explorer.

 //CSS
.year {
width:10px;

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

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

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

An alternative standard, although more laborious, we propose the boys CSS-Tricks.

Share on Facebook

Tags: CSS, HTML, Rotate

This entry was posted on Tuesday, August 4th, 2009 and is filed under CSS.