Spring pop.
A small overshoot adds a playful settling motion.
See the movement
One intentional triggerPlayback starts only when you request it. Stop returns to the still illustration.
What it does
The element grows slightly beyond its final size and settles back. This preview uses a fixed keyframe approximation of a spring rather than a physical spring simulation.
Timing curve
ease-outDefault duration650ms
RepetitionOnce per trigger
Make the motion useful
Choose an effect that supports the component’s purpose. Keep the final state clear, preserve focus and reading order, and pair important feedback with a visible message.
CSS animation reference