Хотелось бы сегодня рассмотреть экспериментальную фишку в CSS под названием backdrop-filter. Данный класс нужен для того, что бы блюрить под собой фон. Ранее для того, что бы блюрить фон, необходимо было подключать SVG, JS и CSS...

Вчера я наткнулся на действительно классный эффект на веб-сайте и попытался воспроизвести этот эффект для нового веб-приложения, которое я разрабатываю. У него был прозрачный контейнер, создающий фон фильтра на фоновом изображении позади него, и это было действительно круто. Вот эффект: Я попробовал обычный фильтр свойств css: blur (10px), но он размыл только сам контейнер, а не фон за элементом. После некоторого исследования я нашел супер простое однострочное свойство css для этого...