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