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:
Résultat
Compatibilité et prise en charge par les navigateurs.
La plupart des navigateurs actuels traitent correctement les transformations en 2D.
Afficher le tableau de compatibilité (informations fournies par canIuse.com).
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.