Skip to main content

Module motion

Module motion 

Source
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).