Cet utilitaire applique une rotation à un élément autour d'un axe, modifiant son orientation visuelle.
| Classe |
Styles |
| rotate-none |
rotate: none; |
| rotate-<nombre> |
rotate: <nombre>deg; |
| -rotate-<nombre> |
rotate: calc(<nombre>deg * -1); |
| rotate-(<propriete-personnalisee>) |
rotate: var(<propriete-personnalisee>); |
| rotate-[<valeur>] |
rotate: <valeur>; |
| rotate-x-<nombre> |
transform: rotateX(<nombre>deg) var(--tw-rotate-y); |
| -rotate-x-<nombre> |
transform: rotateX(-<nombre>deg) var(--tw-rotate-y); |
| rotate-x-(<propriete-personnalisee>) |
transform: rotateX(var(<propriete-personnalisee>)) var(--tw-rotate-y); |
| rotate-x-[<valeur>] |
transform: rotateX(<valeur>) var(--tw-rotate-y); |
| rotate-y-<nombre> |
transform: var(--tw-rotate-x) rotateY(<nombre>deg); |
| -rotate-y-<nombre> |
transform: var(--tw-rotate-x) rotateY(-<nombre>deg); |
| rotate-y-(<propriete-personnalisee>) |
transform: var(--tw-rotate-x) rotateY(var(<propriete-personnalisee>)); |
| rotate-y-[<valeur>] |
transform: var(--tw-rotate-x) rotateY(<valeur>); |
| rotate-z-<nombre> |
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(<nombre>deg); |
| -rotate-z-<nombre> |
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(-<nombre>deg); |
| rotate-z-(<propriete-personnalisee>) |
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(var(<propriete-personnalisee>)); |
| rotate-z-[<valeur>] |
transform: var(--tw-rotate-x) var(--tw-rotate-y) rotateZ(<valeur>); |
