Как сделать размытие части фона на css?

Question

[Daria220]

Добрый день.

У меня в дизайне есть два элемента. Картинка на фоне + треугольник, который лежит сверху. Нужно, чтобы фон за треугольником размывался, но если я ставлю backdrop-filter: blur(10px); то размывается фон всего шейпа, в который вставлен треугольник. Как размыть картинку только в нужной мне области?

Comments

[Вадим]

svg или заставьте бокс быть такой же формы как Ваш треугольник. Например через mask или clip-path