Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
TheRevan
@TheRevan
JavaScript
CSS
Как сделать эффект наведения на часть изображения?
Есть вот такой блок:
, как сделать чтобы при наведении на дом, чтобы он засвечивался и вылазила инфа о доме
Вопрос задан
более трёх лет назад
86 просмотров
Комментировать
Подписаться
1
Простой
Комментировать
Facebook
Вконтакте
Twitter
Решения вопроса
1
Сергей Соколов
@sergiks
Куратор тега JavaScript
♬♬
Задача типовая. Почему бы не посмотреть, как сделано на других аналогичных сайтах ЖК? (
например
)
Поверх картинки накладываются точные обводки фигур зданий в SVG. Стилями задаётся их изменение цвета при наведении и обработка событий клика.
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Пригласить эксперта
Ответы на вопрос
1
Максим
@LenovoId
svg, css,js
На svg можно сделать
И на map HTML
ищите map generator или обводите в векторном редакторе а на js эту область показываете полупрозрачной
Ответ написан
более трёх лет назад
Комментировать
Нравится
1
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
+3 ещё
Средний
Как передать источник лида в форму?
1 подписчик
20 часов назад
97 просмотров
1
ответ
CSS
+2 ещё
Простой
Вёрстка анимированой кнопки — как реализовать?
1 подписчик
22 авг.
140 просмотров
1
ответ
JavaScript
+2 ещё
Простой
Почему electron приложение после нотаризации не запускается на других маках?
1 подписчик
22 авг.
138 просмотров
0
ответов
JavaScript
Простой
Как реализовать счетчик мульти-слайдера?
1 подписчик
21 авг.
90 просмотров
2
ответа
CSS
Простой
Как адаптивно верстать рванные блоки?
1 подписчик
21 авг.
341 просмотр
1
ответ
JavaScript
Сложный
Какая карта может строить линии с текстом?
1 подписчик
21 авг.
125 просмотров
0
ответов
JavaScript
+3 ещё
Простой
Магазин на Prestashop 9 — как разрешить скрипты на cms страницах при редактировании в админке?
1 подписчик
20 авг.
87 просмотров
1
ответ
JavaScript
Простой
Как правильно пользоваться функцией onScroll встроенной в anime.js?
1 подписчик
20 авг.
83 просмотра
1
ответ
CSS
Простой
Как сделать полноценную обводку у clip-path?
2 подписчика
19 авг.
162 просмотра
0
ответов
JavaScript
+2 ещё
Простой
Зависимости в package.json отображаются как неустановленные при открытии репозитория, размещенного в WSL?
1 подписчик
15 авг.
174 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
App Company
от 150 000 до 300 000 ₽
Fullstack Разработчик (Next.js / JavaScript / TypeScript)
Оффер Под Ключ 🔑
от 100 000 до 150 000 ₽
Fullstack JavaScript разработчик
Wanted
от 180 000 до 240 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама