Rotando texto con CSS

Jonathan Snook, publica un intersante artículo en el que nos muestra como rotar texto mediante CSS.

text-rotation

 

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); }


Visto en: Anieto2K 

 

 

 



Tags:
This entry was posted on Tuesday, August 11th, 2009 at 2:58 PM and is filed under css. You can follow any responses to this entry through the RSS 2.0 feed. You can leave a response, or trackback from your own site.

Leave a Reply

Your comment