<filter-function>

Тип данных 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