Mastering GSAP Interactions in Webflow – Part 3: Control, Speed, Jump To & Real-World Examples

In this lesson, we dive deep into one of the most powerful — and often misunderstood — parts of Webflow’s new GSAP-powered interactions: the Event Settings panel.
We’ll break down how Control, Speed, and Jump To actually work, and how to use them to build cleaner, more flexible interactions with just one timeline.
You’ll learn how to:
✅ Pause and resume infinite animations during key user interactions
✅ Use Speed = 0 + Control: No Action to freeze timelines without breaking your logic
✅ Open and close a popup using one single interaction (thanks to Toggle Play/Reverse)
✅ Combine multiple events inside a single GSAP interaction using custom attributes
✅ Trigger Page Load animations using Custom Events + a tiny custom-code snippet
✅ Structure cleaner, more intentional event-driven setups across your entire project
👉 Watch on YouTube: https://youtu.be/RKb-dsBhYxw
Powered by Interactions with GSAP
New
This site uses Interactions with GSAP,
Webflow's next-gen interactions engine.
Webflow's next-gen interactions engine.


