Fonction rotateY() CSS

Définition et utilisation

CSS rotateY() Définit la rotation 3D de l'élément autour de l'axe y (direction verticale).

rotateY() La fonction transform Utilisé dans les attributs.

Exemple

Exemple 1

Utilisez rotateY() Tournez plusieurs éléments <div> autour de l'axe y (direction verticale) :

#myDiv1 {
  transform: rotateY(40deg);
}
#myDiv2 {
  transform: rotateY(60deg);
}
#myDiv3 {
  transform: rotateY(80deg);
}

Essayez-le vous-même

Exemple 2

Utilisez rotateY() Tournez les images autour de l'axe y (direction verticale) :

#img1 {
  transform: rotateY(40deg);
}
#img2 {
  transform: rotateY(60deg);
}
#img3 {
  transform: rotateY(80deg);
}

Essayez-le vous-même

Syntaxe CSS

rotateY(angle)
Valeur Description
angle

Obligatoire. Spécifiez l'angle de rotation. Unités possibles :

  • deg (degré)
  • rad (radian)
  • turn (tour)

Détails techniques

Version : Module de transformations CSS niveau 2

Prise en charge du navigateur

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

Chrome Edge Firefox Safari Opera
12 12 10 4 15

Pages associées

Tutoriel :Transformations 3D CSS

Référence :Attribut transform CSS

Référence :Propriété CSS rotate

Référence :Fonction rotate() CSS

Référence :Fonction rotate3d() CSS

Référence :Fonction rotateX() CSS

Référence :Fonction rotateZ() CSS