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