Streaming live at 10am (PST)

SVG animation triggers on Hover


#1

Hello,
I made a simple SVG animation (Icon) but I would like it to trigger the animation only when the user Hovers over the Icon, I couldn’t find the resources to help me understand how to do it.
Is it possible?

I had another Idea that I wanted to do, where another animation triggers when the user scrolls to a spesific section of the website, but first I wanted to resolve the first segmant of my question


#2

Hey @Arthur_Butvilovsky, how are you doing?

Can you share a read only link so I can take a look and try to figure it out for you? Here’s How to Enable a Webflow Share Link

Without seeing you link what I can tell you is that you can create an interaction on hover over you icon, but I don’t really know what you are wanting to animate exactly. Using interactions you can affect both the icon itself or other content. If you are trying to change the SVG icon color on hover, that’s not possible without custom code, but it’s pretty easy to custom code that.

Elaborate more, share the link and tag me so we can come up with a solution together. My best regards :wink:.