scroll snap rail
dragsettle
dragsettle
NameCubic bezierUsed for
Exponential0.9, 0, 0.1, 1The drag, 600 ms. The cursor and the rail travel together
Circle In/Out0, 0.56, 0.46, 1The settle onto the margin, 400 ms on the first move and 300 ms on the other three
Step endholdThe cursor glyphs and the active line, which switch at a keyframe
Drag, then settleA cursor grabs the rail and drags it for 600 ms. Once released, the rail settles with the next column on the 40 px margin.
The same rail at 360One column with the next peeking. The choreography is the same and the distances are rescaled.
Two curves, one moveEvery segment is X only and sits on a duration token.