Как подсвечивать каждый этаж(дома) на svg изображении?

Question

[Kamil Mugutdinov]

1. Как реализовать подсветку каждого этажа на svg картинке как на этом сайте?
kasp-gavan.ru

2. Это все вручную делается или автоматически?

Answer 1

[Nikola24]

Рисуете форму для этажа в svg, копируете для каждого этажа, заполняете нужным цветом, ставите прозрачность на ноль, и просто при :hover возвращаете прозрачность которую Вам надо.

Answer 2

[whoisthere]

svg path generator

Comments

[Kamil Mugutdinov]

Значит вручную?

[whoisthere]

Роман Иванов: да

Answer 3

[eldar_web]

Ты можешь у него спросить: https://vk.com/id311979518
Это он сверстал.

Answer 4

[Alexej Simakov]

Может немного не в тему, но заставлять пользователя возить мышкой по графику только для того, чтобы тот выяснил что свободных квартир 0 из 3 - это форменная насмешка над посетителем.
Не спорю, сам прием интересный, но применять его надо, сперва спросив себя, чего я хочу добиться этим приемом.

Comments

[Kamil Mugutdinov]

Обычно желание бывает заказчика: "Хочу как у них".
И все... Показывают сайты на которых реализован этот эффект и застройщики хотят чтобы у них так же на сайте было и платят не плохо за такой эффект!