Inclinación de Elementos para Diseños Únicos

skew() permite desviar los lados de un elemento respecto a los ejes de coordenadas en un ángulo específico. El ángulo debe especificarse en grados (deg). Además, es posible determinar la inclinación solo para el eje x o el eje y. La sintaxis es la siguiente:

transform: skew(X_angle, Y_angle);
transform: skewX(angle);
transform: skewY(angle);

• skew() acepta 2 valores. El valor X_angle indica el ángulo de inclinación para el eje x. El valor Y_angle indica el ángulo de inclinación para el eje y. Si no se establece el segundo valor (Y_angle), el navegador lo interpreta como skewX();
• skewX(angle) especifica la inclinación a lo largo del eje x;
• skewY(angle) especifica la inclinación a lo largo del eje y.

Ejecuta el siguiente ejemplo para observar los resultados que se pueden obtener mediante la inclinación: