Recommandation de cours :

Fonction rotateZ() CSS

Définition et utilisation rotateZ() CSS

rotateZ() La fonction définit une rotation 3D d'un élément autour de l'axe z. transform Utilisé dans les attributs.

Avis :rotateZ(angle) Équivalent à rotate(angle).

Exemple

Exemple 1

Utilisez rotateZ() Tourner plusieurs éléments <div> autour de l'axe z :

#myDiv1 {
  transform: rotateZ(40deg);
}
#myDiv2 {
  transform: rotateZ(60deg);
}
#myDiv3 {
  transform: rotateZ(-45deg);
}

Essayez-le vous-même

Exemple 2

Utilisez rotateZ() Tourner l'image autour de l'axe z :

#img1 {
  transform: rotateZ(40deg);
}
#img2 {
  transform: rotateZ(60deg);
}
#img3 {
  transform: rotateZ(-45deg);
}

Essayez-le vous-même

Syntaxe CSS

rotateZ(angle)
Valeur Description
angle

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

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

Détails techniques

Version : Module de transformation 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 :Transformation 3D CSS

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

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

Référence :Fonction rotate() CSS

Référence :Fonction rotate3d() CSS

Référence :Fonction rotateX() CSS

Référence :Fonction rotateY() CSS