CSS3 rotation-pointPropriété


Exemple

Faites pivoter l'élément h1 de 180 degrés (de haut en bas) : <p>

h1 { rotation-point:50% 50%; rotation:180deg; }

Essayez-le vous-même »


Prise en charge des navigateurs

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Actuellement, aucun navigateur ne prend en charge la propriété rotation-point.


Définition de l'attribut et instructions d'utilisation

La propriété rotation-point est une paire de valeurs qui définit le décalage du point par rapport au bord supérieur gauche.

Astuce :La propriété rotation-point doit être utilisée avecrotationUtilisez les attributs en combinaison.

Valeur par défaut : 0
Héritée : non
version : CSS3
Syntaxe JavaScript : object.style.rotation="180deg"


Syntaxe

rotation-point: value;

Valeur Description
left top
left center
left bottom
right top
right center
right bottom
center top
center center
center bottom
Si un seul mot-clé est spécifié, la seconde valeur sera "center".
x% y% Les valeurs en pourcentage se réfèrent à la largeur et à la hauteur de la boîte de bordure.
autres extensions