Uploaded January 2026 | Updated September 2026, 3 weeks ago

---

With Webflow's new interactions powered by GSAP, making a hover zoom interaction for cards is easier and more powerful. The new targeting features enable you to target an element within a trigger element to create rich, impactful animations that engage, guide, and delight visitors to your site.

Learn more about Interactions powered by GSAP at Webflow University — university.webflow.com/courses/interactions-animations
----------
Get started with Webflow: wfl.io/2r7cVUW
Join the Webflow Community: webflow.com/community

webflow.com
university.webflow.com
https://x.com/webflow
instagram.com/webflow
tiktok.com/@webflow
facebook.com/webflow

Index
00:00 Introduction to interactions powered by GSAP
00:17 Setup of the cards
00:47 Some things to set on card elements to make the animations work
02:02 Make the interaction, set version to Interactions with GSAP
02:36 First trigger settings
03:55 Second trigger settings
04:43 First action settings — scale down card
06:14 Second action settings — zoom in image
07:08 The interactions timeline
08:00 The final results!
08:09 Recap of how the hover zoom interaction works
08:49 Runs on setting — control which pages the interactions run on