viernes, 2 de marzo de 2012

Rotar textos con CSS3 y transformations

Con CSS3 tambien podemos rotar elementos y poner bloques, textos en posición vertical u otro ángulo. Esto lo conseguimos mediante CSS Transformations.





Una cosa que tenemos qu tener en cuenta al aplicar este atributo es que el elemento debe tener display: block. El ejemplo:
.rotacion{
   -webkit-transform: rotate(-90deg);
   -moz-transform: rotate(-90deg);
   filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
}

En Internet Explorer tenemos que hacer uso de los filtros para conseguir la rotación, donde los valores de rotación serán:
0: no rotar.
1: rotar 90 grados
2: rotar 180 grados
3 :rotar 270 grados (-90 grados).
rotar

No hay comentarios :

Publicar un comentario