Une remarque ? Une suggestion ?...

Merci de participer à l'amélioration de ce site. Prenez le temps de rédiger votre remarque le plus précisément possible :

CSS - Fonction rotate()

Description de la fonction rotate().

La fonction rotate() calcule la rotation d'un élément en 2D, c'est à dire dans le plan de l'écran.

La fonction rotate() peut être utilisée avec :

  • transform : Applique une transformation géométrique.

Syntaxe de la fonction rotate().

  • transform: rotate(45px); a

    a est une valeur numérique positive ou négative, suivie d'une unité angulaire (voir les unités angulaires en CSS). Elle indique l'angle de rotation à appliquer à l'élément.

Simulateur.

transform:
( a )
Résultat

Compatibilité et prise en charge par les navigateurs.

La plupart des navigateurs actuels traitent correctement les transformations en 2D.

Afficher les versions antérieures   Afficher la version à venir  

Voir aussi...

Transformations géométriques - Propriétés.

  • backface-visibility : Visibilité de la face arrière de l'élément (pendant sa rotation).
  • perspective : Effet de perspective appliqué à un élément ayant subi une transformation 3D.
  • perspective-origin : Position de l'observateur dans le cas d'une déformation 3D avec perspective.
  • transform : Applique une transformation géométrique.
  • transform-origin : Point d'origine pour certaines transformations.
  • transform-style : Rendu des éléments soumis à une transformation 3D.

Transformations géométriques - Fonctions.

  • matrix() : Applique une transformation composite à un élément (translations, rotations...)
  • matrix3d() : Applique une série de transformations 3D à un élément.
  • perspective() : Définit la hauteur de l'observateur dans le cas d'une transformation 3D.
  • rotate3d() : Définit une rotation 3D de l'élément autour d'un axe quelconque en 3D.
  • rotateX() : Définit une rotation de l'élément autour de l'axe X (en 3D),
  • rotateY() : Définit une rotation 3D de l'élément autour de l'axe Y.
  • rotateZ() : Définit une rotation de l'élément autour de l'axe Z.
  • scale() : Définit un agrandissement ou une réduction de l'élément.