HTML text rotation with CSS

You might’ve seen some people using calendar pic to show post dates & time on their blog, now you can avoid using those resource hugry background pic with simple CSS trick. Jonathan Snook posted a nice nugget on text rotation with CSS that takes a nice bit of markup like this: HTML: <div class="example-date"> <span class="day">31</span> […]

You might’ve seen some people using calendar pic to show post dates & time on their blog, now you can avoid using those resource hugry background pic with simple CSS trick. Jonathan Snook posted a nice nugget on text rotation with CSS that takes a nice bit of markup like this:

HTML:

<div class="example-date"> <span class="day">31</span> <span class="month">July</span> <span class="year">2009</span> </div>

CSS:

-webkit-transform: rotate(-90deg); -moz-transform: rotate(-90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

More info: Text Rotation

Source:→ Ajaxian