Expand description
Duraciones canónicas (segundo nivel: rítmico, no nervioso, no
soporífero). Los widgets eligen MICRO para tintes de hover/focus
que sólo necesitan suavizar el “salto”, FAST para microinteracciones
completas (chip que pulsa), NORMAL para transiciones principales
(toast entrar, modal abrir), SLOW para énfasis o entradas dramáticas
(splash de boot, hero shared-element).
Constants§
- DRAMATIC
- Entradas dramáticas (splash, hero shared-element).
- FAST
- MICRO
- Tintes hover/focus — apenas perceptible, sólo elimina el “clack”.
- NORMAL
- SLOW
Functions§
- ease_
in_ out_ cubic - Easing énfasis — cubic-in-out. Para movimientos que cruzan la pantalla y necesitan acentuar el centro (modales, splashes).
- ease_
out_ back - Overshoot suave — back-out con
c1=1.70158(Material/Penner estándar). El valor pasa de 0 al objetivo, lo sobrepasa ~10 % y vuelve. Para entradas que necesitan “ping” (modal, snackbar, elemento nuevo en una lista). No usar para hover — la oscilación se percibe nerviosa. - ease_
out_ cubic - Easing estándar — cubic-out. Energía inicial, asentamiento suave. La gran mayoría de transiciones de salida / aparición.
- ease_
out_ quint - Easing fuerte — quint-out. Arranca más rápido que cubic-out y asienta más suave. Para elementos que aparecen “lanzados” (toast, FAB).
- linear
- Lineal — no es elegante pero a veces es lo correcto (barra de progreso, valores numéricos crudos).