UTILS.
100% nel browser

Generatore di CSS Transform

Componi translate, rotate, scale e skew in un singolo CSS transform con anteprima dal vivo.

Informazioni su questo strumento

Trascina i cursori per combinare translate, rotate, scale e skewX, visualizza il riquadro in anteprima e copia il transform, tutto nel tuo browser.

Domande frequenti

In che ordine vengono applicate le funzioni?
translate, poi rotate, poi scale, poi skewX, nello stesso ordine mostrato nell'output.
Perché scale è un cursore in percentuale?
Il cursore va da 0 a 200% e viene convertito in un fattore decimale, quindi 100% significa scale(1).

Altri strumenti