Jonathan Snook, publica un intersante artículo en el que nos muestra como rotar texto mediante CSS.
El código está claro que no es estandar y solo funciona en Safari/WebKit, Firefox e Internet Explorer.
//HTML
<div class="example-date">
<span class="day">31</span>
<span class="month">July</span>
<span class="year">2009</span>
</div>
//CSS
.year {
/* WebKit, Safari */
-webkit-transform: rotate(-90deg);
/* Firefox 3.5+*/
-moz-transform: rotate(-90deg);
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}
Una alternativa más estándar, aunque más laboriosa nos la proponen los chicos de CSS-Tricks.
5 comentarios, 3 referencias
+
#