Recommandation de cours :

Fonction skew() CSS

Définition et utilisation skew() Dans CSS

skew() La fonction est utilisée pour incliner un élément suivant un angle donné sur les axes x et y. transform Utilisé dans les attributs.

Exemple

Exemple 1

Utilisation skew() Incliner plusieurs éléments <div> :

#myDiv1 {
  transform: skew(15deg);
}
#myDiv2 {
  transform: skew(15deg, 15deg);
}
#myDiv3 {
  transform: skew(-15deg);
}

Essayez-le vous-même

Exemple 2

Utilisation skew() Image inclinée :

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

Essayez-le vous-même

Syntaxe CSS

skew(ax, ay)
Valeur Description
ax Obligatoire. Angle. Définir l'inclinaison suivant l'axe x.
ay Optionnel. Angle. Définir l'inclinaison suivant l'axe y. Si omis, cette valeur est définie à 0.

Détails techniques

Version : Module de Transforms CSS Niveau 1

Prise en charge du navigateur

Les nombres dans le tableau représentent la version du navigateur qui prend en charge cette fonction pour la première fois.

Chrome Edge Firefox Safari Opéra
1 12 3.5 3.1 10.5

Pages associées

Tutoriel :Transformation 2D CSS

Référence :Attribut transform CSS

Référence :Fonction skewX() CSS

Référence :Fonction skewY() CSS