Редко встречал такую красоту на сайтах, но мне кажется, что это выглядит эстетичнее и прикольнее чем просто затемнение или засвет. А решение всего в 2 строчках CSS:
{backdrop-filter: blur(50px);
-webkit-backdrop-filter: blur(50px);}И наш бэкграунд становится «размытым»!
Ну а под бэком вот это:
Мне кажется круто выглядит и поддерживается, кстати, всеми современными браузерами (по крайней мере так в MSDN пишут).
Буду использовать такой красивый размытый бэкграунд у себя на проектах и вам рекомендую!
Если эта информация оказалась вам полезной и интересной, то можно поблагодарить автора любой суммой либо по номеру телефона +79807480224 (Сбер, Тинькофф)
Еще больше интересной и полезной информации о SEO, сайтостроении, интернет-маркетинге читайте на моем канале 
@freelancervit.
