Animaciones y Micro-interacciones

Añade vida a tus interfaces. Aprende a controlar el tiempo, las curvas de aceleración y la fluidez visual.

Showcase de Movimiento

Transitions

Intercambios suaves entre dos estados (ej: hover). Ideales para el 90% de las interacciones simples.

Keyframes

Define múltiples estados y controla la línea de tiempo. Ideal para loops y animaciones complejas.

Transforms

Escalado, rotación y traslación. Son hardware-accelerated y no afectan al layout general.

Laboratorio de Movimiento