Применить свойство blur к блоку, чтобы всё содержимое под ним размывалось, невозможно. 3 CSS-фильтры, в том числе blur, применяются к контенту самого элемента, а не к тому, что находится под ним. 3
Однако есть несколько вариантов, как размыть фон за блоком:
- Использовать свойство backdrop-filter. 25 Оно позволяет размыть фон за блоком, при этом сам блок должен быть с прозрачностью, чтобы сквозь него было видно результат (эффект мутного стекла). 2 Пример использования:
backdrop-filter: blur(10px)
. 2 - Продублировать всё, что находится в фоне, и размыть. 2 Этот вариант сложно реализовать для всех возможных элементов, так как всё, что находится в фоне, нужно повторно добавить в нужный блок, обрезать и размыть, при этом важно, чтобы всё совпадало. 2