Как применить blur к блоку, чтобы все содержимое под ним размывалось. (Блок пуст)

Question

Как применить blur к блоку, чтобы все содержимое под ним размывалось. (Блок пуст)

Gamma Com Мастер (2101), закрыт 5 лет назад

Если можно, то пожалуйста на чистом js без jQuery,

Answer 1

Как сделать это на CSS: http://webdiz.com.ua/vizualnye-effekty/kak-sdelat-effekt-matirovannogo-stekla

Убери из предлагаемого кода background: hsla(...); и получишь размытие в чистом виде.

Answer 2

Никак. Потому что CSS-фильтры (и blur в том числе) работают совсем не так, как ты пишешь в вопросе... они применяются к контенту самого элемента, а не к тому что "под" элементом. В будущем, возможно, будет поддерживаться свойство backdrop-filter, но сейчас оно в статусе черновика.