miércoles, 20 de febrero de 2013

Rotación 3D con CSS3


CSS3 a través de la propiedad transform permite aplicar efectos de movimiento 3D a los elementos seleccionados, a través de las métodos rotateX() y rotateY(), permite rotar el elemento sobre su eje según los grados dados como parámetro.

Estos métodos sólo son compatibles por el momento con Firefox, Safari y Google Crhome.

Compatibilidad ...

transform: rotateX() | rotateY()  -> Para todos los navegadores compatibles
-moz-transform: rotateX() | rotateY() -> Para Firefox
-webkit-transform: rotateX() | rotateY() -> Para versiones de crhome y safari

transform: rotateX(x); | transform: rotateY(y);

Ejemplo de uso de rotateX() y rotateY()...


Rotar X:
Rotar Y:



3D