<filter-function>
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since September 2016.
Тип данных CSS <filter-function> представляет собой графический эффект, который может изменить внешний вид входного изображения. Он используется в свойствах filter и backdrop-filter.
Синтаксис
Тип данных <filter-function> указывается с использованием одной из функций, указанных ниже. Каждая функция требует аргумент, который, если он неверен, не приводит к применению фильтра.
blur()-
Применяет эффект размытия к изображению.
brightness()-
Делает изображение ярче или темнее.
contrast()-
Увеличивает или уменьшает контрастность изображения.
drop-shadow()-
Применяет к изображению тень.
grayscale()-
Преобразует изображение к тонам серого.
hue-rotate()-
Изменяет оттенок изображения за счёт поворота на цветовом круге.
invert()-
Инвертирует цвета изображения.
opacity()-
Изменяет прозрачность изображения.
saturate()-
Изменяет насыщенность цветов изображения.
sepia()-
Преобразует изображение в сепию.
Спецификации
| Specification |
|---|
| Filter Effects Module Level 1 # typedef-filter-function |
Смотрите также
- Свойства, которые используют этот тип данных:
filterиbackdrop-filter