UTILS.
Privadas por defecto
⤢

Generador de CSS Transform

Combina translate, rotate, scale y skew en una sola transformación CSS con vista previa en vivo.

Tus archivos se quedan en este dispositivo

Los archivos se procesan en tu navegador, sin subirse a ningún servidor. El sitio descarga el código y los recursos necesarios. Sin cuentas ni rastreadores.

Usa Descargar para guardar esta herramienta como un archivo HTML y usarla sin conexión.

Privacidad →

Acerca de esta herramienta

Arrastra los deslizadores para combinar translate, rotate, scale y skewX, previsualiza la caja y copia la transformación, todo en tu navegador.

Preguntas frecuentes

¿En qué orden se aplican las funciones?
Primero translate, luego rotate, después scale y finalmente skewX, coincidiendo con el orden mostrado en el resultado.
¿Por qué scale es un deslizador de porcentaje?
El deslizador va de 0 a 200 % y se convierte en un factor decimal, por lo que 100 % equivale a scale(1).

Más herramientas