Получи случайную криптовалюту за регистрацию!

#вопрос технического характера от Данила. Как сделать выделен | Лысый из браузера

#вопрос технического характера от Данила.
Как сделать выделение фрагментов, наподобие выделения этажей в проекте ЖК.

Такая штука реализуется за счет svg графики. Если конкретнее, то изображение дома — это статичная png картинка внутри svg-контейнера. Но в Adobe Illustrator дизайнер поверх картинки наложил синие полоски. Каждая полоска — это отдельный path в SVG.

Что делаем?
Размещаем на странице SVG картинку, каждый path (синюю полоску) заворачиваем в , а его в свою очередь в ссылку .

По умолчанию все
имеют opacity:0 a когда мы наводим на них мышкой, значение меняем на opacity: 1;

Вот и вся магия.

P.S. Планирую запилить небольшой курс по этому проекту и отдать участникам исходники. Когда? — Не знаю.