Frontend Formula

Функции фильтров



CSS позволяет накладывать поверх картинок или фонов различные фильтры. Функции используются в качестве значений для свойств filter и backdrop-filter.



Как пишется:

👉 blur() — Примеряет размытие Гаусса к изображению. Значение в скобках указывает сколько пикселей сливаются друг с другом.

👉 brightness() — Меняет яркость изображения.

👉 contrast() — Меняет контраст изображения.

👉 drop-shadow() — Задаёт тень для картинки. Тень располагается снаружи элемента.

👉 grayscale() — Делает изображение чёрно-белым.

👉 hue-rotate() — Меняет цвета изображения за счёт поворота цветового круга. Угол поворота указывается в скобках функции.

👉 invert() — Инвертирует цвета изображения, как бы выворачивает их, превращая в противоположные.

👉 opacity() — Меняет прозрачность изображения.

👉 saturate() — Меняет насыщенность цветов изображения.

👉 sepia() — Меняет цвета изображения на сепию — коричневые оттенки.



Статья: https://doka.guide/css/filter-functions/



#css #дока



👉 @frontend_formula