Функции фильтров CSS позволяет накладывать поверх картинок или фонов различные фильтры. Можно, например, размыть или обесцветить изображение. blur() — Применяет размытие Гаусса к изображению. Чем больше значение, тем больше размытие. brightness() — Меняет яркость изображения. Значение 0% сделает изображение полностью чёрным. contrast() — Меняет контраст изображения. В скобках можно указать любое значение от 0% и выше. drop-shadow() — Задаёт тень для картинки. Тень располагается снаружи элемента. grayscale() — Делает изображение чёрно-белым. Значение 100% сделает изображение полностью чёрно-белым. hue-rotate() — Меняет цвета изображения за счёт поворота цветового круга. invert() — Инвертирует цвета изображения, превращая в противоположные. opacity() — Меняет прозрачность изображения. saturate() — Меняет насыщенность цветов изображения. Значение 0% убирает насыщенность цветов. sepia() — Меняет цвета изображения на сепию — коричневые оттенки. 👉 Читать статью полностью #статья #js 👉 @frontend_mind