Recomendaciones de cursos:

Función skewX() de CSS

Definición y uso skewX() de CSS

skewX() La función se utiliza para inclinar los elementos en el eje x según el ángulo especificado. transform usado en la propiedad.

Consejo:skewX(a) equivale a skew(a, 0)¡

Ejemplo

Ejemplo 1

Usar skewX() Inclina varios elementos <div> en el eje x según el ángulo especificado:

#myDiv1 {
  transform: skewX(15deg);
}
#myDiv2 {
  transform: skewX(30deg);
}
#myDiv3 {
  transform: skewX(-25deg);
}

Prueba por ti mismo

Ejemplo 2

Usar skewX() Inclina la imagen dada en el eje x según el ángulo especificado:

#img1 {
  transform: skewX(25deg);
}
#img2 {
  transform: skewX(-25deg);
}
#img3 {
  transform: skewX(10deg);
}

Prueba por ti mismo

Sintaxis CSS

skewX(a)

Detalles técnicos

Compatibilidad del navegador

Los números en la tabla indican la versión del navegador que admite completamente la función por primera vez.

Páginas relacionadas

Tutoriales:Transformaciones 2D de CSS

Referencia:Atributo transform de CSS

Referencia:Función skew() de CSS

Referencia:Función skewY() de CSS