Streaming live at 10am (PST)

Lottie animation with hover trigger

Hello all,

I usually don’t post a lot and I’m relatively new to Webflow, so please forgive me if I’m overlooking something.

I tried over the past few days creating what was a relatively easy hover animation effect in Figma, into Webflow trying both interactions and transitions. It looks like this type of animation is out of the realm of possibility with webflow’s GUI/designer. Using After Effects with Bodymovin I was able to produce a solid Lottie animation that I could import into Webflow. Problem is the bounding box triggers the internal SVG to animate and also this bounding box clips the animation. Is there a way to remove the bounding box and have only the SVG “listen” for the hover action?

For further clarification I linked my Webflow project. Thanks in advance for any feedback on tackling this problem.


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