Scroll Deck | Studio Volt
Descent Deep
Scroll Deck animation#16 of 32WebHow this animation works
Animations example for Web: scroll-driven full-screen slide deck.
Trigger: page scroll through a runway of one viewport-height per slide, with the deck pinned via a sticky viewport.
Motion: each next full-bleed slide pushes in from a random edge (top, bottom, left or right) to cover the current one, while the outgoing slide subtly scales down, dims and blurs beneath it; scrubbing is continuous and reversible, so you can park mid-transition.
Structure: sticky 100vh viewport + absolutely stacked slides transformed by segment progress. Best for: sequential chapter stories — stages, zones, levels, destinations.