Need to create an animated image with hover effect on different spots of it.

[bchrvl]

Hey, I’m not even sure if this is the place to ask this. What I’m trying to do is a map, where if you hover on different cities there’s buildings appear. Like if you hover on NY some buildings of new york will grow, but when you move mouse away they hide again.

Any ideas, about how to make it? I was thinking of making a svg animation, but then, how do I add hover effect to different spots on it. Or make a map like a background, and few svg buildings animations?

[Paulie_D]

canvas or SVG would be the optimal solution.

For inline SVG, as long as each “hover spot” is it’s own sub-element then you can add whatever animations you want.

[Author]

Posts