Referencia de presets de movimiento
Tokens de movimiento, transiciones de página y comportamiento con movimiento reducido en Studio Arcana.
La intensidad, distancia, duración y easing provienen de **Ajustes del tema → Movimiento**. Puedes elegir presets sutiles, estándar o expresivos; la escala de animación ajusta el tiempo globalmente. El interruptor de animaciones respeta `prefers-reduced-motion` y guarda la preferencia del cliente en `studio_arcana_motion`.
Los presets de transición de página (`sa-fade`, `sa-curtain`, `sa-wipe-up`) se aplican cuando están activos en ajustes. Las anulaciones por enlace usan `data-sa-vt` del snippet `sa-html-vt-attrs`. Revelados al scroll, hover de tarjetas, edge glow y carruseles respetan la clase `motion-disabled` en `<html>`.
Los sliders antes/después usan animación spring cuando el movimiento está permitido; los botones preset cambian al instante. Los lightbox de portfolio y producto usan `motion.css` salvo con movimiento reducido.
Canales de venta > Tienda online > Temas > Personalizar > Ajustes del tema > Movimiento
¿Te resultó útil esta página?
El contenido lo mantiene Arcanum Hollow Labs. Para notas internas de ingeniería, consulta la carpeta docs/ del monorepo.