<filter-function>

Тип данных CSS <filter-function> представляет собой графический эффект, который может изменить внешний вид входного изображения. Он используется в свойствах filter и backdrop-filter.

Синтаксис

Тип данных <filter-function> указывается с использованием одной из функций, указанных ниже. Каждая функция требует аргумент, который, если он неверен, не приводит к применению фильтра.

blur()
Применяет эффект размытия к изображению.
brightness() (en-US)
Делает изображение ярче или темнее.
contrast() (en-US)
Увеличивает или уменьшает контрастность изображения.
drop-shadow() (en-US)
Применяет к изображению тень.
grayscale() (en-US)
Преобразует изображение к тонам серого.
hue-rotate() (en-US)​​​​​​​
Изменяет оттенок изображения за счёт поворота на цветовом круге.
invert() (en-US)
Инвертирует цвета изображения.
opacity() (en-US)
Изменяет прозрачность изображения.
saturate() (en-US)
Изменяет насыщенность цветов изображения.
sepia() (en-US)
Преобразует изображение в сепию.

Спецификация

Спецификация Статус Комментарии
Filter Effects Module Level 1
Определение '<filter-function>' в этой спецификации.
Рабочий черновик Первое определение.

Смотрите также

  • Свойства, которые используют этот тип данных: filter и backdrop-filter