backdrop-filter

Оновлено: 15.12.2022

backdrop-filter

Дозволяє застосувати ефекти на кшталт розмиття до області фонового малюнка, розташованої за елементом. Щоб ефект став помітним, сам елемент має бути частково прозорим.

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

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

Синтаксис

backdrop-filter: none | <фільтр>

Значення

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

Приклад

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

Об'єкт.style.backdropFilter

Примітка

Браузери Edge і Safari підтримують властивість -webkit-backdrop-filter.

Щоб властивість працювала в браузері Opera, на сторінці opera:flags розділ Experimental Web Platform features слід встановити в Enabled.

Щоб властивість працювала в браузері Firefox, на сторінці about:config параметр layout.css.backdrop-filter.enabled слід встановити як true.

Браузери

backdrop-filter

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

backdrop-filter