<filter-function>

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

Синтаксис

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

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

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

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

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

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