WiseCodes » Rotate http://www.wisecodes.com Bringing You The Power of Code !! Wed, 01 Sep 2010 19:33:53 +0000 en hourly 1 http://wordpress.org/?v=3.0.1 Rotating text with CSS http://www.wisecodes.com/2009/08/rotating-text-with-css/ http://www.wisecodes.com/2009/08/rotating-text-with-css/#comments Tue, 04 Aug 2009 15:27:58 +0000 Venu Thomas http://www.wisecodes.com/?p=647 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.

]]> http://www.wisecodes.com/2009/08/rotating-text-with-css/feed/ 2