Как сделать маску для filter?

Question

[ih4rd]

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

Буду очень рад если подскажите с реализацией!

Answer 1

[Semantic.Moscow]

допущу, что нужен множественный бэкграунд.
первый делает блюр на всё изображение,
второй имеет чёткое расположение и блюр у него 0

UPD: ну или положить поверх фона блок с нужными размерами и расположением,
развернуть его под нужным углом, скруглить
и добавить backdrop-filter:blur(15px)

Comments

[ih4rd]

Сделал что-то похожее.


два див с одним и тем же бэкграунд image.
На первый наложить blur
А на второй mask-image и поместить его над первым

Answer 2

[Евгений Залецкий]

Просто сделай в фигме подобную вещь и сделай бекграунд. Мне кажется это САМЫЙ просто вариант.

Comments

[ih4rd]

Картинки приходят с бэкэнда. Я не могу заранее знать что придёт..

[Semantic.Moscow]

не интересно же.

тут то можно движущийся градиент с эффектом сделать ;)