<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()

Инвертирует цвета изображения.

opacity() (en-US)

Изменяет прозрачность изображения.

saturate() (en-US)

Изменяет насыщенность цветов изображения.

sepia() (en-US)

Преобразует изображение в сепию.

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

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

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

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