Learn the fundamentals and advanced techniques of GSAP (GreenSock Animation Platform) and ScrollTrigger in this comprehensive tutorial series. Begin with the basics of GSAP Flip and progress through various ScrollTrigger concepts, including labels, React integration, standalone triggers, timelines, pinning, scrubbing, toggle actions, and start/end points. Conclude with a practical application by creating a text highlighter animation using GSAP and ScrollTrigger.
Overview
Syllabus
GSAP Flip Tutorial - 1- (Getting Started)
Scroll Trigger Tutorial - 9 - Labels Labels Labels! | GSAP
Scroll Trigger Tutorial - 8 - Using Scroll Trigger with React
Scroll Trigger Tutorial - 7 - Standalone ScrollTriggers
Scroll Trigger Tutorial - 6 - Timeline
Scroll Trigger Tutorial - 5 - Pin
Scroll Trigger Tutorial - 4 - Scrub
Scroll Trigger Tutorial - 3 - Toggle Actions
Scroll Trigger Tutorial - 2 - Start and End
Scroll Trigger Tutorial - 1 - Getting Started
Scroll Trigger Tutorial - 10 - Text Highlighter Animation (GSAP)
Taught by
The Code Creative
