<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