Parallax hero image
The hero background image moves at a slower rate than the scroll — creating depth.
What you're seeing
Background image drifts up slowly as you scroll down.
Where you'll see it
Hero sections, editorial openers.
Difficulty
Very low — 1/5
Libraries that build it
GSAPCSS
Ready to prompt — paste this into your AI coding tool
"Parallax the hero background image at 0.4× scroll speed using GSAP ScrollTrigger, translate Y proportional to scroll progress"