Recommandation de cours :

Fonction skewY() CSS

Définition et utilisation skewY() Fonction de CSS

skewY() La fonction est utilisée pour incliner les éléments le long de l'axe y à un angle donné. Transform Utilisé dans les attributs.

Exemple

Exemple 1

Utiliser skewY() Incliner plusieurs éléments <div> le long de l'axe y à l'angle donné :

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

Essayer vous-même

Exemple 2

Utiliser skewY() Incliner l'image le long de l'axe y à l'angle donné :

#img1 {
  transform: skewY(10deg);
}
#img2 {
  transform: skewY(-10deg);
}
#img3 {
  transform: skewY(5deg);
}

Essayer vous-même

Syntaxe CSS

skewY(a)

Détails techniques

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.

Pages associées

Tutoriel :Transformation 2D CSS

Référence :Attribut transform CSS

Référence :Fonction skew() CSS

Référence :Fonction skewX() CSS