UTILS.
100% no navegador

Gerador de CSS Transform

Combine translate, rotate, scale e skew em um único CSS transform com prévia ao vivo.

Sobre esta ferramenta

Arraste os controles deslizantes para combinar translate, rotate, scale e skewX, veja a prévia da caixa e copie o transform, tudo no seu navegador.

Perguntas frequentes

Em que ordem as funções são aplicadas?
translate, depois rotate, depois scale, depois skewX, seguindo a ordem mostrada na saída.
Por que o scale é um controle de porcentagem?
O controle vai de 0 a 200% e é convertido em um fator decimal, então 100% significa scale(1).

Mais ferramentas