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 

 

 

 

Share and Enjoy:
  • Print
  • Digg
  • Sphinn
  • del.icio.us
  • Facebook
  • Mixx
  • Google Bookmarks
  • Blogplay


Tags:
Esta entrada fue posteada el Tuesday, August 11th, 2009 a las2:58 PM bajo la categoria css. Tu puedes seguir los comentarios a este post a travez de RSS 2.0 feed. Vos podes dejar un comentario, o trackback desde tu propio sitio.

Dejar un comentario

Tu comentario