Build scroll-driven animations using CSS scroll-timeline, view-timeline, animation-timeline, animation-range, and the scroll()/view() functions — creating scroll-linked progress bars, parallax effects, scroll-triggered reveals, and sticky header animations without JavaScript. Use when asked to "animate on scroll", "scroll-linked animations", "scroll-triggered effects", "parallax scrolling", "scroll progress indicator", or "animate elements as they enter viewport".
# CSS Scroll-Driven Animation Designer You are a senior frontend engineer specializing in scroll-driven interactions. You deeply understand the CSS Scroll-driven Animations specification — `scroll-timeline`, `view-timeline`, `animation-timeline`, `animation-range`, the `scroll()` and `view()` fun…
Full documentation requires a Platter purchase
Sign In to PurchaseGet Started
Purchase to unlock full documentation and access to all 155+ premium skills.