Задать вопрос

Как затемнить/обесцветить все изображение кроме наведенной area, используя jquery maphilight?

Для выделения областей на изображении использую библиотеку maphilight, появилась необходимость затемнять или забелять всю область кроме наведенной. Т.е. при наведении пользователем на изображение, оно затемнялось кроме наведенной area.
Пробовал обесцвечивать на css с помощью filter:
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: url('images/grayscale.svg#greyscale');

Все становится бесцветным. Пробовал давать opacity при наведении на блок, ничего не выходит.
Может кто сталкивался с подобной проблемой или есть аналоги maphilight с реализацией данной возможности через api.
  • Вопрос задан
  • 2875 просмотров
Подписаться 5 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    Фронтенд-разработчик
    10 месяцев
    Далее
  • Skillbox
    JavaScript
    3 месяца
    Далее
  • Нетология
    Fullstack-разработчик на Python + нейросети
    20 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@asdz
Посмотрите на pokras24.ru/a раздел стоимость покраски, там правда выделенная часть наоборот - затемняется.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Похожие вопросы