Doing button states on a SVG image?

Design help Animations & Interactions
1

Hello! I need to get these states on my client Webflow site.

2

Hi @chrisnice

You don’t need to deal with code on this. Simply use opacity for each state of the element. As long as the SVG graphic is the same, you can lower it’s intensity using states. I recommend setting the state on a Div wrapping the SVG. This way you can copy this setting to another button or something later.

1 Like
3

Hay @garymichael1313 Thank you for the response. I ended up getting the interaction to work with the above method. I was just hoping that a quick jQuerry snippet might be able to help get it done faster.

Cheers,
Chris

4

You’re very welcome. Glad to help! Take care.