07 / Scroll-driven

Scroll Velocity Skew

It reads how fast you are scrolling rather than where you have got to. Throw the page and the picture leans, then settles.

also called skew on scroll · velocity distortion · momentum skew

Velocity is a genuinely separate signal from position. The asymmetry is the craft: it rises about six times faster than it falls, which is what makes it read as momentum rather than twitch.

How it is built

v += (target - v) * (target > v ? 0.34 : 0.055); transform: skewY(calc(var(--vel) * -4deg));

Exhibit 03 · Florence