Fonction rotate() CSS

Définition et utilisation

CSS rotate() Définit la rotation 2D de l'élément cible de la fonction.

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

Exemple

Exemple 1

Utilisez rotate() Rotation de plusieurs éléments <div> :

#myDiv1 {
  transform: rotate(25deg);
}
#myDiv2 {
  transform: rotate(45deg);
}
#myDiv3 {
  transform: rotate(-45deg);
}

Essayez-le vous-même

Exemple 2

Utilisez rotate() Rotation d'image :

#img1 {
  transform: rotate(90deg);
}
#img2 {
  transform: rotate(45deg);
}
#img3 {
  transform: rotate(-45deg);
}

Essayez-le vous-même

Syntaxe CSS

rotate(angle)

Détails techniques

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.

Pages associées

Tutoriel :Transformation 2D CSS

Référence :Attribut transform CSS

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

Référence :Fonction rotate3d() CSS

Référence :Fonction rotateX() CSS

Référence :Fonction rotateY() CSS

Référence :Fonction rotateZ() CSS