Foundations
Motion
One duration, one curve: 200ms, standard ease. Animate transform and opacity, never layout. Respect reduced motion.
- Duration
- 200ms
- Easing
- cubic-bezier(0.4, 0, 0.2, 1)
200ms
Animate opacity and transform only. Avoid animating layout. This demo carries motion-reduce:transition-none — it snaps instantly when reduced motion is on.