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

Как затемнить/обесцветить все изображение кроме наведенной 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.
  • Вопрос задан
  • 2886 просмотров
Подписаться 5 Оценить Комментировать
Помогут разобраться в теме Все курсы
  • Нетология
    Веб-разработчик с нуля: профессия с выбором специализации
    14 месяцев
    Далее
  • Академия Эдюсон
    Fullstack-разработчик на JavaScript + ИИ
    11 месяцев
    Далее
  • ProductStar × РБК
    Профессия: Инженер по тестированию + ИИ
    6 месяцев
    Далее
Пригласить эксперта
Ответы на вопрос 1
@asdz
Посмотрите на pokras24.ru/a раздел стоимость покраски, там правда выделенная часть наоборот - затемняется.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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