How it works
Keyframes bound to view() with animation-range: entry/exit, and a reading-progress bar on scroll(root).
CSS Scroll-Driven Animations
animation-timeline: view() and scroll() — reveals, progress bar and parallax with no JavaScript.
★ showcaseCSS
Performance
Runs on the compositor thread — keeps animating even when the main thread is blocked (try the “Block main thread” button).
Accessibility & reduced motion
@supports fallback shows everything static; reduced mode removes the timelines.