<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