SVG animations

[nikostzounakos]

Hello,

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?

[PaulOB]

@nikostzounakos

Is it something doable

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?

[nikostzounakos]

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