filter

Оновлено: 29.03.2023

filter

Властивість filter призначена для застосування художніх ефектів до елементів. Зазвичай використовується для зображень, щоб розмити їх, збільшити контрастність, перетворити на чорно-білу картинку тощо.

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

Значення за замовчуванням none
Успадковується Ні
Застосовується До всіх елементів
Анімується Так

Синтаксис 

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

Значення

<фільтр> Див. фільтр.
none Скасовує дію накладених фільтрів.

Приклад

Об'єктна модель

Об'єкт.style.filter

Примітка

Internet Explorer з версії 4 по 10 підтримує іншу нестандартну властивість filter з тим самим ім'ям, але іншим синтаксисом.

Chrome до версії 53, Opera до версії 40, Safari до версії 9.1 і Android підтримують властивість -webkit-filter.

Браузери

filter

Переглянути сумісність з Can I use?

filter