Menu

Made a CSS-only scroll animation library, 34 moves, no JS
📰

Made a CSS-only scroll animation library, 34 moves, no JS

#webdev#redditwebdev#scroll#tilt#javascript
Reading 0:00
15s threshold
Made a CSS-only scroll animation library, 34 moves, no JS

It's one stylesheet. You put `data-dolly="tilt-up"` on something and it animates as you scroll past. That's it. No dependencies, no JavaScript.

It's a vocabulary layer over CSS scroll-driven animations, which shipped in Chrome 115 and Safari 26 but have ergonomics nobody remembers.

The demo page doesn't run any JavaScript at all, so everything moving on it is just CSS.

34 moves named after camera stuff (pan, tilt, crane, rack focus).

Firefox doesn't do scroll timelines yet (supposedly coming in the next version in 3 days) so it gets a plain static page. That's on purpose, nothing is hidden waiting to be revealed, so the page is still usable.

submitted by /u/GumboGuts
[link] [comments]