Learn ScrollTrigger and GreenSock from scratch.

GreenSock SVG Animation Triggered by ScrollMagic

1. Default animation on page load

2. Animation triggered in the middle of the viewport

3. Animation triggered at the bottom of the viewport

4. Animation triggered at the top of the viewport

5. Animation controlled by scrolling

Back to the article