Image reveal GSAP based interaction help needed

Hello there, I’ve been creating interactions with GSAP since it came out. Recently, I’m trying to achieve fairly simple things (at least visually, haha) – whenever I hover over the navigation menu link, the image reveals with a mask (each link has its own image). I’ve tried a few methods, but Webflow support suggested a pretty messy one (setting individual interactions for each link, which isn’t ideal). I tried to recreate it based on their suggestions, but it doesn’t work as I want it to. The interactions seem to be set up properly from my perspective, and the CSS properties look correct when using developer tools. However, the elements don’t work as intended. Do you have any suggestions on what can be done here? Is there a simpler way to achieve this? Thanks a lot!


Here is my public share link: LINK
(how to access public share link)

1 Like

What you wanna create, can you explain by loom video or reference live URL so community can better understand?

1 Like

I haven’t seen any references but I think that you can understand where I’m heading – here’s short video: GSAP Interaction help needed | Loom . Basically I need to make this work consistently.