Spring
Also called: spring animation, springy, overshoot, bounce.
Motion that goes a little past its target and settles back, like something on a spring. It feels alive and physical.
The menu grows a little too far, then settles back, like it's on a spring.
Closed
Say it in a prompt
Open the menu with a spring: scale from 0.7 to 1 with a slight overshoot (about 1.15) that settles in 500ms. Fade the opacity in over the first 150ms. Seen on
- Apple AirPods Pro 3: The color dots use a curve that goes past the end and comes back, so they bounce a little.
You might describe it as
- dots that bounce a bit when they show up
- grows too big then settles back
- bouncy wobbly animation
Not to be confused with
- Easing
Spring is one kind of easing, the kind that overshoots and settles.