⤢

Gerador de CSS Transform

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

Seus arquivos ficam neste dispositivo

Os arquivos são processados no navegador, nunca enviados. O site baixa o código e os recursos necessários. Sem contas ou rastreadores.

Use Baixar para salvar esta ferramenta em um único arquivo HTML para uso offline.

translateX: 0px

translateY: 0px

rotate: 0deg

scale: 1

skewX: 0deg

resultado

saída

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.

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).