§ 8 · Motion
Duration · easing
5 duration token + 5 easing. --duration-fast (150ms) là default cho hover/focus; --ease-out là default cho enter.
Duration (di chuyển dot giữa 2 đầu track)
+ ease-bounce
600ms · CTA fun
Easing curves
--ease-linear
không gia tốc — chỉ dùng cho loader / spinner
linear
--ease-in
bắt đầu chậm — exit animation
0.4, 0, 1, 1
--ease-out ★
kết thúc chậm — enter animation (default)
0, 0, 0.2, 1
--ease-in-out ★
cả 2 đầu chậm — transition (default)
0.4, 0, 0.2, 1
--ease-bounce
over-shoot nhẹ — CTA, fun moments
0.34, 1.56, 0.64, 1
Reduced motion. Luôn respect prefers-reduced-motion: reduce — cắt mọi animation/transition về 0.01ms.