filter

Обновлено: 29.03.2023

filter

Свойство filter предназначено для применения художественных эффектов к элементам. Обычно используется для изображений, чтобы размыть их, увеличить контрастность, преобразовать в чёрно-белую картинку и др.

Краткая информация

Значение по умолчанию none
Наследуется Нет
Применяется Ко всем элементам
Анимируется Да

Синтаксис 

filter: <фильтр> [<фильтр>]* | none

Значения

<фильтр> См. фильтр.
none Отменяет действие наложенных фильтров.

Пример

Объектная модель

Объект.style.filter

Примечание

Internet Explorer c версии 4 по 10 поддерживает другое нестандартное свойство filter с тем же именем, но другим синтаксисом.

Chrome до версии 53, Opera до версии 40, Safari до версии 9.1 и Android поддерживают свойство -webkit-filter.

Браузер

filter

Посмотреть совместимость на Can I use?

filter