Switch to English version?

Yes

Переключитись на українську версію?

Так

Переключиться на русскую версию?

Да

Przełączyć się na polską wersję?

Tak

Разместите свой проект бесплатно и начните получать предложения от фрилансеров-исполнителей уже спустя минуты после публикации!

500 UAH

Hover эффект для изображений на svg

500 UAH

HTML и CSS верстка, Создание сайта под ключ

6 из 6

проект не выполнен

публикация
прием ставок
утверждение условий
резервирование
выполнение проекта
проект не выполнен

Добрый день

Необходимо реализовать hover эффект для изображений на svg.

Задача объединить два svg фильтра/маски/паттерна в одном hover эффекте.

ТЗ - hover эффект на svg

При наведении мышки на картинку должен отработать hover эффект

1) Происходит затемнение всей картинки (.SVG)
2) Происходит проявление иконки "Лупы" (.SVG) по центру картинки

Hover эффект применяется в css через:

img:hover {
filter: url(#svg_filter_id)
}

Особенности:

- Изначальные размеры картинок нам не известны.
- Размер и положение лупы, должны регулироваться.
- Цвет и прозрачность затемнения, должны регулироваться.

Частично решение уже есть, но с ошибками, могу скинуть архив то что сделано.

С уважением