miércoles, 20 de febrero de 2013

Inclinar elemento con el método skew de la propiedad transform CSS3


Con el método skew() de la propiedad transfom de CSS3, el elemento se convierte en un ángulo dado, en función de los parámetros dados por la horizontal (eje X) y el eje vertical (eje y), el tipo de datos para los parámetros 'x' e 'y' viene dado en grados 'deg'.

Compatibilidad ...

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

transform: skew(x, y);

Ejemplo de uso de skew() ...

grados X:
grados Y: