Здравствуйте! В этой статье речь пойдет о фильтрах в css. До появления CSS фильтров вам оставалось или загружать несколько версий изображения, или манипулировать ими при помощи JavaScript. Если вы не хотите сами возиться с изображениями, вам помогут CSS фильтры.С помощью фильтров можно очень гибко редактировать изображения, а именно уменьшать или увеличивать яркость, контрастность, тень  и.т.д. Но давайте обо всем по порядку...

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