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

About The Author

Deepak Gupta is a IT & Web Consultant. He is the founder and CEO of diTii.com & DIT Technologies, where he's engaged in providing Technology Consultancy, Design and Development of Desktop, Web and Mobile applications using various tools and softwares. Sign-up for the Email for daily updates. Google+ Profile.