Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Aprende Inclinación de Elementos para Diseños Únicos | Transformación de Elementos con CSS
Practice
Projects
Quizzes & Challenges
Quizzes
Challenges
/
Diseño CSS, Efectos y Sass

bookInclinació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:

index.html

index.html

index.css

index.css

copy
question mark

Selecciona la afirmación correcta.

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 6

Pregunte a AI

expand

Pregunte a AI

ChatGPT

Pregunte lo que quiera o pruebe una de las preguntas sugeridas para comenzar nuestra charla

bookInclinació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 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:

index.html

index.html

index.css

index.css

copy
question mark

Selecciona la afirmación correcta.

Select the correct answer

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 5. Capítulo 6
some-alt