UTILS.
100 % dans le navigateur

Générateur de transformations CSS

Combinez translate, rotate, scale et skew en une seule transformation CSS avec aperçu en direct.

À propos de cet outil

Faites glisser les curseurs pour combiner translate, rotate, scale et skewX, prévisualisez la case et copiez la transformation, le tout dans votre navigateur.

Foire aux questions

Dans quel ordre les fonctions sont-elles appliquées ?
translate, puis rotate, puis scale, puis skewX, correspondant à l'ordre affiché dans le résultat.
Pourquoi scale est-il un curseur en pourcentage ?
Le curseur va de 0 à 200 % et est converti en facteur décimal, donc 100 % correspond à scale(1).

Plus d'outils