Voici la liste des transformations proposé par Tailwind CSS :
| Nom | Description |
|---|---|
| backface-visibility | Cette transformation détermine si la face arrière d'un élément transformé en 3D est visible ou masquée lorsqu'il est retourné. |
| perspective | Cette transformation définit la profondeur de la scène 3D, influençant la perception de distance et de relief des éléments transformés. |
| perspective-origin | Cette transformation définit le point d'origine de la perspective, déterminant l'angle de vue appliqué aux transformations 3D. |
| rotate | Cette transformation applique une rotation à un élément autour d'un axe, modifiant son orientation visuelle. |
| scale | Cette transformation ajuste la taille d'un élément en l'agrandissant ou en le réduisant proportionnellement ou indépendamment sur chaque axe. |
| skew | Cette transformation incline un élément sur l'axe horizontal et/ou vertical, créant un effet de déformation angulaire. |
| transform | Cette transformation active et combine plusieurs transformations sur un élément, telles que la rotation, l'échelle ou la translation. |
| transform-origin | Cette transformation définit le point autour duquel les transformations sont appliquées, influençant leur comportement visuel. |
| transform-style | Cette transformation contrôle la manière dont les éléments enfants sont rendus en 3D, à plat ou avec conservation de la profondeur. |
| translate | Cette transformation déplace un élément horizontalement et/ou verticalement sans modifier sa position dans le flux du document. |