Back to Index

Scroll-Triggered Animations

Scroll down to see various animations triggered by scroll position using GSAP's ScrollTrigger plugin.

Parallax Effect

Elements can move at different speeds as you scroll, creating depth.

Staggered Reveal

Elements can be staggered to create sequential animations on scroll.

1
2
3
4
5
6

Scroll Progress

Track scroll progress through a section with visual indicators.

Pin & Transform

Pin elements in place while transforming them based on scroll position.