Mouse move over gradient element

Hello guys!

I’m trying to recreate this cool mouse over effect that I found on codepen in webflow. When you hover out in the X direction, you can see that the gradient element scale becomes zero but I’m not able to create the same transition when the mouse pointer moves in the Y direction. Would someone able to look at the interaction settings and let me know what needs to be added or removed to achieve the effect?

Thank you so much for your help!

Codepen URL - https://codepen.io/electerious/pen/MQrRxX

webpage URL - http://elb-assets.webflow.io/

Preview URL -

https://preview.webflow.com/preview/elb-assets?utm_medium=preview_link&utm_source=designer&utm_content=elb-assets&preview=f00d5fb163e6419dcd29fbfd5b92c738&mode=preview


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

1 Like