Micro Animations (100-200ms)

The 100-200ms range is the sweet spot for micro-interactions. Fast enough to feel responsive, slow enough to be perceived as intentional motion.

Disney Principles at Micro Speed

Works Well

Squash & Stretch: Light application - 5-10% works for bouncy buttons, appearing elements.

Anticipation: Micro-anticipation possible - 20-30ms wind-up before 150ms action.

Staging: Single focal point - one element moving, rest static.

Straight Ahead/Pose to Pose: Either works - simple enough for straight ahead, controlled enough for poses.

Follow Through: Minimal overshoot - 2-5% past target, settle quickly.

Slow In/Slow Out: ease-out dominates - elements should arrive confidently.