Générateur CSS Transform - Rotation, Échelle, Inclinaison et Translation Gratuit en Ligne
Générez visuellement des propriétés CSS transform incluant rotation, échelle, inclinaison et translation avec aperçu en direct
Outils CSS
Tool
CSS
transform: none;
Comment utiliser
1Utilisez les curseurs pour ajuster les valeurs de rotation, scaleX/Y, skewX/Y et translateX/Y
2Observez l'aperçu en direct se mettre à jour en temps réel
3Le contour fantôme montre la position d'origine comme référence
4Copiez le code CSS transform généré et collez-le dans votre feuille de style
Questions fréquentes
La propriété CSS transform vous permet de faire pivoter, mettre à l'échelle, incliner et déplacer un élément dans l'espace 2D ou 3D sans affecter la mise en page du document autour de lui.
Oui. CSS transform accepte une liste de fonctions séparées par des espaces, par exemple transform: rotate(45deg) scaleX(1.2) translateX(50px). Le générateur ne produit que les valeurs non par défaut pour garder le code propre.
Non. Contrairement à la modification de margin ou position, transform n'affecte pas la mise en page des éléments environnants. L'élément est déplacé visuellement mais son espace d'origine reste réservé dans le flux du document.
La rotation et l'inclinaison utilisent les degrés (deg), la translation utilise les pixels (px), et l'échelle est sans unité (un multiplicateur de la taille d'origine).