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
![]()
![]()
![]()
![]()
![]()
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. |