Как сделать размытый фон ПРАВИЛЬНО?

Question

[Jedi]

Хочу реализовать у себя на сайте такое же размытие фона, но я не знаю как это сделать правильно.
Я уже минут 20 гуглю, посмотрел на многих источниках, но качественного кода не увидел нигде.


Добрые люди, подскажите, как мне правильно это реализовать ?

Благодарю.

Comments

[Сергей delphinpro]

правильно — применить фильтр backdrop. Но не работает нигде.
Существует несколько частных случаев решения. Но на то они и частные, что подходят не всегда.

Answer 1

[Dmitry Tallmange]

.selector {
    filter: blur(5px);
}

Comments

[Jedi]

Не, это понятно, а вот как на заблюренный блок поставить блок с текстом, контентом ?

[Jedi]

А именно как это правильно сделать ?

[Jedi]

Спасибо!

[Beeetle]

PHPjedi, размажте фон через before или after, тогда текст можете просто внутри блока