Как применить svg фильтр к элементу или как правильно использовать blur?

Есть блок с фоновым изображением, нужно создать псевдоэлемент и к нему применить фильтр
Нужно это для того, чтобы при наведении на блок, фильтр исчезал и изображение было чистое...

если использовать filter: blur(20px) - (мне нужно сильное размытие), то размытие выходит за рамки блока... и это выглядит не совсем красиво..

Мб кто-нибудь сталкивался и подскажет?

Пробовал вставить svg картинку с фильтром, и скрывать по наведению, но проблема в том, что у основного блока background-size: cover

Вот для наглядности:
30181d156d0d4f82a228943923e24047.png
  • Вопрос задан
  • 222 просмотра
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы