Text rotation for all

July 29 2009, 11:20am

Jonathan Snook has posted a nice nugget on text rotation with CSS that takes a nice bit of markup like this: PLAIN TEXT HTML:

 

<div class="example-date">

  <span class="day">31</span>

  <span class="month">July</span>

  <span class="year">2009</span>

</div>

 

and converts it to:

all via the CSS: PLAIN TEXT CSS:

 

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

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

filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

 

Yup, even IE.

blog comments powered by Disqus