Create a GSAP-powered timeline animation

Learn how to build a GSAP-powered animation in Webflow — step by step. You’ll follow along as we animate a navbar, text, background image, and CTAs to create a full hero animation sequence. 

As we go, we’ll learn about triggers that start animations, targets that define what moves, actions that set what happens, and timeline adjustments that bring everything together.