Sesgo
skew() nos 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, podemos determinar la desviación sólo para el eje x o el eje y. La sintaxis es la siguiente:
skew()acepta 2 valores. El valorÁngulo_Xespecifica el ángulo de inclinación para el eje x. El valorY_angleespecifica el ángulo de inclinación para el eje y. Si no establecemos el segundo valor (Ángulo_Y), el navegador lo entenderá 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.
Vamos a ejecutar el siguiente ejemplo para ver lo que podemos conseguir con la ayuda de la inclinación:
index.html
index.css
index.js
¿Todo estuvo claro?
Contenido del Curso
Advanced CSS Techniques
2. Posicionamiento de Artículo
6. Sitios web y aplicaciones adaptables/responsivos
Advanced CSS Techniques
Sesgo
skew() nos 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, podemos determinar la desviación sólo para el eje x o el eje y. La sintaxis es la siguiente:
skew()acepta 2 valores. El valorÁngulo_Xespecifica el ángulo de inclinación para el eje x. El valorY_angleespecifica el ángulo de inclinación para el eje y. Si no establecemos el segundo valor (Ángulo_Y), el navegador lo entenderá 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.
Vamos a ejecutar el siguiente ejemplo para ver lo que podemos conseguir con la ayuda de la inclinación:
index.html
index.css
index.js
¿Todo estuvo claro?
