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 valorX_angleindica el ángulo de inclinación para el eje x. El valorY_angleindica el ángulo de inclinación para el eje y. Si no se establece el segundo valor (Y_angle), el navegador lo interpreta comoskewX();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:
index.html
index.css
¡Gracias por tus comentarios!
Pregunte a AI
Pregunte a AI
Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla
Genial!
Completion tasa mejorada a 2.08
Inclinación de Elementos para Diseños Únicos
Desliza para mostrar el menú
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 valorX_angleindica el ángulo de inclinación para el eje x. El valorY_angleindica el ángulo de inclinación para el eje y. Si no se establece el segundo valor (Y_angle), el navegador lo interpreta comoskewX();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:
index.html
index.css
¡Gracias por tus comentarios!