| Значение |
Описание |
| none |
Эффекты отсутствуют. Это значение по умолчанию. |
| blur() |
Создаёт эффект размытия изображения. Чем больше значение, тем больше размытие. |
| brightness() |
Регулирует яркость изображения. 0% или 0 сделают изображение полностью черным. 100% или 1 установят исходную яркость изображения. Любые значения больше 100% или 1 сделают изображение более ярким. |
| contrast() |
Регулирует контраст изображения. 0% или 0 сделают изображение полностью неконтрастным. 100% или 1 установят исходный контраст изображения. Любые значения больше 100% или 1 сделают изображение более контрастным. |
| drop-shadow() |
Создаёт эффект тени для изображения. |
| grayscale() |
Конвертирует изображение в оттенки серого. 0% или 0 установят исходные цвета изображения. При значениях 100% или 1 изображение будет полностью состоять из оттенков серого. |
| hue-rotate() |
Меняет цвета изображения в зависимости от заданного угла поворота в цветовом круге. Значение задается в градусах от 0deg до 360deg. |
| invert() |
Фильтр превращает изображение в негатив. 0% или 0 установят исходное изображение. При значениях 100% или 1 изображение будет полностью инвертировано. |
| opacity() |
Позволяет менять уровень непрозрачности изображения. 0% или 0 делают изображение полностью прозрачным. При значениях 100% или 1 изображение будет полностью непрозрачным. |
| saturate() |
Позволяет настраивать уровень насыщенности изображения. 0% или 0 делают изображение полностью ненасыщенным. 100% или 1 установят исходную насыщенность изображения. Любые значения больше 100% или 1 сделают изображение более насыщенным. |
| sepia() |
Преобразует изображение в сепию. 0% или 0 установят исходное изображение. При значениях 100% или 1 изображение будет полностью преобразовано в сепию.
|
| url() |
Принимает адрес XML-файла с svg-фильтром, или якорь к фильтру, находящемся в текущем документе. |
| initial |
Устанавливает значение по умолчанию. |
| inherit |
Унаследует значение свойства от родительского элемента. |
