Как сделать Blur страницы посредством JS или CSS?

Question

[Игорь Агарков]

Здравствуйте! У меня есть HTML-документ, обычная страница. Но для незалогиненных пользователей я хочу ее заблюрить и открыть форму входа. Как можно с помощью js или css сделать всю страницу размытой?

UPD: У меня не статичный фон, не обычная картинка, у меня сверстанная страница, которую я хочу заблюрить. Блоки в страничке чтобы все были размыты. А сверху них форма.

Answer 1

[Дима Паутов]

https://www.google.com/search?ei=K_XBXLetDK6mmwX95...

Answer 2

[lamer350]

css: filter: blur(<размер>);
главное саму форму авторизации выводите вне блока который пытаетесь размыть.

Comments

[Игорь Агарков]

Спасибо! А я глупенький пытался размыть не всю страницу, а только один блок поверх нее. Сверхразум...

[Rustam Bainazarov]

Игорь Агарков, для этого в будущем вы сможете использовать backdrop-filter: blur(10px).

Но пока что это работает только в Safari.