Spring Curves
linear() samples a spring into a curve. Snappy, default and bouncy on one press. It cannot carry velocity across an interruption; that still needs JS.
Usage
Meant for
Examples
On a Card
The same travel run on three easings, side by side. The two springs are linear() curves — that is how a spring is written in CSS without a physics runtime, and it is why the bottom two overshoot the dashed stop and the top one does not. --wm-puck-size leaves room past the stop, so the overshoot stays on the track.
The class is wm wm-spring-curves — the first half is the marker the trigger and reduced-motion rules hook into, the second is the effect.