Résultats instantanés
Aucune donnée envoyée
Sans inscription
Le code apparaîtra ici.
🔒 Génération locale.
La propriété transform accepte plusieurs fonctions appliquées dans l’ordre où elles sont écrites.
Générez une propriété CSS transform combinant translation, rotation, échelle et inclinaison. Composez plusieurs transformations CSS et visualisez le résultat en direct. Il est conçu pour obtenir, tester ou analyser une structure web directement dans le navigateur, avec un résultat visible qu’il reste possible de relire avant intégration.
Déplacez l’élément. Formule ou repère : translate(x,y). Exemple : 20px,10px.
Faites pivoter. Formule ou repère : rotate(θ). Exemple : 15deg.
Agrandissez ou réduisez. Formule ou repère : scale(s). Exemple : 1.2.
Inclinez l’élément. Formule ou repère : skew(x,y). Exemple : 5deg.
Oui, les fonctions sont appliquées dans l’ordre écrit.
Oui.
Non.
Oui pour plusieurs fonctions.
Lorsque l’outil produit ou analyse du code, une configuration ou une structure technique, vérifiez toujours le résultat dans votre navigateur ou votre projet avant une utilisation en production.
Les navigateurs, moteurs ou environnements peuvent interpréter certaines structures différemment : un test dans le contexte final reste donc utile.
Avant de réutiliser la sortie, comparez-la avec les valeurs saisies et les repères affichés par l’outil. Cette vérification simple permet de détecter une erreur de saisie ou un paramètre mal choisi.
Retrouvez ici les réponses aux questions les plus courantes sur l’utilisation de cet outil.
Oui, les fonctions sont appliquées dans l’ordre écrit.
Oui.
Non.
Oui pour plusieurs fonctions.
Oui.
Oui.
Convertissez rapidement euros, dollars, livres sterling et autres devises avec le dernier taux de change disponible.
Entrez votre date de naissance pour calculer votre âge exact en années, mois et jours, votre nombre de jours vécus et le temps restant avant votre prochain anniversaire.
Comparez deux produits selon leur prix et leur quantité grâce à des barres visuelles de prix unitaire.
