Block
Scroll Sequence
Progress through a timed sequence of frames tied to scroll position. Ideal for case studies where you want to reveal key moments at precise scroll points, creating a cinematic experience.
GET THIS BLOCK - FREE
Animation Block · Block 03 / 09
← All blocksSCROLL SEQUENCE / LIVE
01
THE PROBLEM
Outline the challenge
02
THE APPROACH
Describe the strategy
03
THE RESULT
Show the outcome
Recreated for the web · ships as a native WordPress block
What you can control
| Attribute | What it does | Default |
|---|---|---|
data-trigger | Scroll threshold percentage to trigger animation | 50 |
data-duration | Animation duration in milliseconds | 800 |
data-easing | CSS easing function | ease-out-quart |
Accessible: Scroll Sequence respects prefers-reduced-motion and does not block content interaction during animations.