Как размыть все содержимое под зафиксированым div'ом?

Question

[WANTED1711]

Есть фиксированный div и страница.
Нужно размыть все над чем висит этот div.
Гифка с необходимым результатом 5,60 мб.

Answer 1

[Сергей Горячев]

https://habrahabr.ru/post/264037/
Но это пока только мечты, хотя и есть кое-где уже.
На мобилке айфон работает отлично, только что проверил.


Прям так, как вам нужно работает. Точно такая же "плашка".
Ожидаем с нетерпением появления.
Или копайте в сторону helix.su/jquery/556-blurbox-plagin-razmytiya-tekst...

Answer 2

[Vitaliy]

Aero эффект) Уже не один год прошло с того момента, как делал такой эффект, который размывал только фон: был общий фон, и размытый фон, который применялся только к блокам, под которыми должно быть размытие.

С того момента, судя по всему, почти ничего не изменилось. По прежнему можно сделать это таким образом, но будет размыть только фон, и никакие другие элементы,. Но есть еще backdrop-filter, который доступен только ...

Есть еще вариант - на js копировать нужные блоки/текст, применять к ним blur и делать clip для нужных блоков, но это будет слишком дорого по производительности, если страница не легкая

Есть для WebKit демки , но похоже на пустышку с нынешней поддержкой