Section wipe transition
One section slides over or wipes away the previous one as you scroll.
What you're seeing
Sections overlap and the new one slides in from below, clipping over the previous.
Where you'll see it
Full-page sites, portfolio work, immersive brand experiences.
Difficulty
Medium — 3/5
Libraries that build it
GSAPCSSMotion
Ready to prompt — paste this into your AI coding tool
"Stack sections with position sticky, use clip-path or translateY to reveal each over the previous as scroll advances"