Post your project for free and start getting offers from freelance performers within minutes after posting!
Hover эффект на svg для изображений
25 USDДобрый день
Необходимо реализовать hover эффект для изображений на svg.
Задача объединить два svg фильтра/маски/паттерна в одном hover эффекте.
ТЗ - hover эффект на svg
При наведении мышки на картинку должен отработать hover эффект
1) Происходит затемнение всей картинки (.SVG)
2) Происходит проявление иконки "Лупы" (.SVG) по центру картинки
Hover эффект применяется в css через:
img:hover {
filter: url(#svg_filter_id)
}
Особенности:
- Изначальные размеры картинок нам не известны.
- Размер и положение лупы, должны регулироваться.
- Цвет и прозрачность затемнения, должны регулироваться.
Частично решение уже есть, но с ошибками, могу скинуть архив то что сделано.
С уважением
1 bid hidden