Posts Tagged ‘Rotate’

Rotating text with CSS

Tuesday, August 4th, 2009

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

RotatingText_040809

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

RotatingText02_040809

 //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.