Diseño y Recursos

Generador de CSS Transform

Construye cadenas CSS transform a partir de valores de transformación comunes.

Categoría

Diseño y Recursos

Etiquetas

CSS transformtranslaterotateGenerador

Más herramientas de Diseño y Recursos

Entrada

Generador de CSS Transform

CSS transformtranslaterotateGenerador

Salida

Generated transform CSS

Transform

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

Origen

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 Vista previa

Live canvas