Как сделать эффект матового стекла на css?

Question

[Мариана Марианова]

Есть такой код: https://codepen.io/anon/pen/GBpmqr

Как сделать у блока с текстом размытие такого плана?



filter: blur() не подходит, так как он размывает изображение, а мне нужно чтобы размывало фон у блока с текстом

Answer 1

[Сергей Шилов]

backdrop-filter

Но у него пока всё плохо с внедрением. Насколько я знаю, работает только в сафари.

Answer 2

[Марти Макфлай]

https://webref.ru/css/value/blur

Answer 3

[Иван]

www.quasimondo.com/BoxBlurForCanvas/FastBlurDemo.html

Answer 4

[forspamonly2]

а до появления backdrop-filter придётся отдельным слоем кусок фона делать и блюрить только его
https://codepen.io/anon/pen/gjPGar