@nepesov_islam

Как сделать карту изображение для конфигуратора ПК?

https://www.xcom-shop.ru/pc-configurator/
Я хочу реализовать такую верстку.
Не смог найти нормального гида по такой версте с изображением картой
  • Вопрос задан
  • 79 просмотров
Пригласить эксперта
Ответы на вопрос 4
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
там сделано через map area. вот и гугли как работает htmlbook.ru/html/area
примеров тоже полно https://codepen.io/josegh/pen/KEjNKJ
Ответ написан
yarkov
@yarkov Куратор тега JavaScript
Проект "Жизнь после смерти" - lifeafterdeath.ru
summerstyle.github.io/summer
Тут можно сделать map area из картинки
Ответ написан
firedragon
@firedragon
Senior .NET developer
Смотрите исходники
https://www.xcom-shop.ru/mod/pc-configurator/pc/im...
https://www.xcom-shop.ru/mod/pc-configurator/pc/im...

Там есть картинка, и тэг map, и див который в качестве бэкгргроунда использует вторую картинку, при наведении на область изменяется стиль передвигая зону видимости

choice__lines - див с svg линейками - красные линии к боксу выбора
choice__image_hover - бэкгроунд для подсветки comp_hover.sprite.png
choice__image_map - именно разметка карты
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы