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

Синтаксис

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

blur()

Применяет эффект размытия к изображению.

brightness()

Делает изображение ярче или темнее.

contrast()

Увеличивает или уменьшает контрастность изображения.

drop-shadow()

Применяет к изображению тень.

grayscale()

Преобразует изображение к тонам серого.

hue-rotate()

Изменяет оттенок изображения за счёт поворота на цветовом круге.

invert()

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

opacity()

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

saturate()

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

sepia()

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

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

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

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