Generador CSS Transform - Rotar, Escalar, Inclinar y Trasladar Gratis en Línea
Genere visualmente propiedades CSS transform incluyendo rotar, escalar, inclinar y trasladar con vista previa en vivo
Herramientas CSS
Tool
CSS
transform: none;
Cómo usar
1Use los controles deslizantes para ajustar los valores de rotar, scaleX/Y, skewX/Y y translateX/Y
2Observe la vista previa en vivo actualizarse en tiempo real
3El contorno fantasma muestra la posición original como referencia
4Copie el código CSS transform generado y péguelo en su hoja de estilos
Preguntas frecuentes
La propiedad CSS transform le permite rotar, escalar, inclinar y trasladar un elemento en el espacio 2D o 3D sin afectar el diseño del documento a su alrededor.
Sí. CSS transform acepta una lista de funciones separadas por espacios, por ejemplo transform: rotate(45deg) scaleX(1.2) translateX(50px). El generador solo incluye los valores no predeterminados para mantener el código limpio.
No. A diferencia de cambiar margin o position, transform no afecta el diseño de los elementos circundantes. El elemento se mueve visualmente pero su espacio original sigue reservado en el flujo del documento.
Rotar e inclinar usan grados (deg), trasladar usa píxeles (px), y escalar no tiene unidad (es un multiplicador del tamaño original).