Programming Blog

Web development , php , ajax , symfony, framework, zend

Text rotation for all

In: web resources

29 Jul 2009

Jonathan Snook has 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>

and converts it to:

all via the CSS:

CSS:

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

Yup, even IE.

Comment Form

Entries (RSS)
Comments (RSS)

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.