Все сервисы Хабра
Сообщество 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
+2 ещё
Простой
Почему не срабатывает удаление класса?
1 подписчик
9 часов назад
72 просмотра
2
ответа
HTML
+1 ещё
Простой
Как сделать нестандартную рамку?
1 подписчик
17 часов назад
85 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Почему не подгружаются стили в PrimeVue?
1 подписчик
вчера
60 просмотров
0
ответов
CSS
+1 ещё
Средний
Как сделать такую фигуру на css?
1 подписчик
вчера
534 просмотра
1
ответ
JavaScript
+1 ещё
Простой
Не отображается модель в three.js, что делать?
2 подписчика
10 мая
1087 просмотров
0
ответов
JavaScript
+1 ещё
Средний
Почему кука обрезается на 330 символов?
1 подписчик
10 мая
192 просмотра
3
ответа
JavaScript
+1 ещё
Средний
Как обрабатывать события браузера на смартфоне/планшете?
1 подписчик
09 мая
135 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Как сделать форму обратной связи на сайте с отправкой на Whatsapp?
2 подписчика
09 мая
1586 просмотров
2
ответа
JavaScript
+1 ещё
Простой
Как улучшить OCR-парсер билетов на основе Tesseract.js?
2 подписчика
08 мая
1942 просмотра
2
ответа
HTML
+1 ещё
Простой
Код не работает, как так?
3 подписчика
08 мая
1894 просмотра
2
ответа
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Senior Frontend (JavaScript) разработчик
Vital Partners
от 350 000 до 400 000 ₽
Tech Lead/ Team Lead (JavaScript)
SteadyControl
•
Воронеж
До 200 000 ₽
Fullstack JavaScript разработчик
MakeDifference
от 30 000 до 80 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама