UTILS.
100% en el navegador

Generador de CSS Transform

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

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