Design e Recursos

Gerador de CSS Transform

Construa strings CSS transform a partir de valores de transformação comuns.

Categoria

Design e Recursos

Gerador de CSS Transform

css transformtranslaterotateGerador

Saída

Generated transform CSS

Transform

translate(12px, -4px) rotate(8deg) scale(1.05) skew(0deg, 0deg)

Origem

Center

.transform-preview {
  width: 180px;
  height: 120px;
  border-radius: 24px;
  background: linear-gradient(135deg, #2563eb, #7c3aed);
  color: white;
  display: grid;
  place-items: center;
  transform-origin: center;
  transform: translate(12px, -4px) rotate(8deg) scale(1.05) skew(0deg, 0deg);
}

Transform Prévia

Live canvas