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)
}

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

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

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

С уважением