Crece desde el botón que lo abre, con profundidad (blur). Sale más rápido de lo que entra. En móvil sube desde el dock.
Componentes y movimiento
Cada pieza se activa con atributos data-ix-*; no hace falta JavaScript propio en el producto.
Capas
Entra pegado al borde con filetes pegajosos; los elementos llegan en cascada.
Sube desde el dock y se va solo.
Vista rápida
La tarjeta se expande hacia su detalle y regresa al cerrar (IxMotion.expand). En el catálogo, en cambio, la imagen viaja a la página de producto (IxRouter).
Botones
Curvas y tiempos
cubic-bezier(.2,.8,.2,1)Entradas y expansiones · 460 ms
cubic-bezier(.4,0,1,1)Salidas · 260 ms
cubic-bezier(.22,.8,.18,1)Paneles laterales · 620 ms
Opacidad + blur + desplazamiento al entrar en vista (data-ix-reveal).
Los hijos de data-ix-reveal-group llegan escalonados.
Con prefers-reduced-motion todo aparece sin animación.