SVG animations


I am trying to create an image that it will be having different parts of it that the user can hover over them and make a small animation.
I want to be all together, so when I resize the image, the hoverable areas are getting resized too.

I was thinking that the image should be in SVG format, so the hoverable areas would be elements so I can interact them with an id.

Is it something doable and also is there a better way to make it?

1 Like

SVG isn’t really my area but yes you can hover parts of an svg if created correctly and I just forked a demo from CSS tricks to show.

Is that the sort of thing you wanted?

1 Like

great thanks, this seems to work in the way I want it

1 Like

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.