martes, 19 de febrero de 2013

Girar elemento con el método rotate de la propiedad transform CSS3


Con el método rotate() de la propiedad transform de CSS3, el elemento gira en sentido horario en un grado determinado. Los valores negativos se permiten y hace girar el elemento hacia la izquierda.

Compatibilidad ...

transform: rotate()  -> Para todos los navegadores compatibles
-ms-transform: rotate() -> De Internet Explorer 9 en adelante
-moz-transform: rotate() -> Para Firefox
-webkit-transform: rotate() -> Para versiones de crhome y safari
-o-transform: rotate() -> Para versiones de Opera

transform: rotate(grados);

Ejemplo de uso de rotate() ...

Grados de rotación: