<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