Как работает backdrop-filter?

Question

[Noder SS]

Поскольку 2 раз удаляют мой вопрос, то буду без картинки, какие требования нужны для backdrop-filter? Работает через раз

Comments

[Danny Arty]

backdrop-filter

А еще лучше закиньте код, в котором у вас не получается использовать backdrop-filter, в песочницу и ссылку сюда. Тогда получите ответ на вопрос "почему не получается" и все станет яснее.

[0xD34F]

Поскольку 2 раз удаляют мой вопрос

Удалят ещё. Даже могу предположить формулировку - "ответ легко ищется поисковиком". Описание работы backdrop-filter легко могли бы нагуглить и сами.

, то буду без картинки

Картинки чего? Кода? Ну так правильно тогда удаляли.

Работает через раз

Работает что? Код где? А, ну да, "буду без картинки". Вот кстати и ещё одна возможная причина удаления этого вопроса - "вопрос необходимо конкретизировать".

[Noder SS]

Danny Arty, Поверьте, читал в интернете, не нашел, вот ссылка https://cozy-blini-ee5759.netlify.app/

[Noder SS]

0xD34F, Хорошо, понял. Вот только в интернете не нашел ничего

[Danny Arty]

Ростик Кальченко, в каком именно элементе? "Що ми ремонтуємо?"

[Danny Arty]

Ростик Кальченко, значит плохо читаете.
Еще раз прочтите описание и немного подумайте.

CSS свойство backdrop-filter позволяет вам использовать визуальные эффекты - такие как размытие или смещение цвета фона - за элементом. Так как это применяется ко всему за элементом, чтобы увидеть эффект, вы должны сделать элемент или его фон по крайней мере частично прозрачными.

[Noder SS]

Danny Arty, да

[Noder SS]

Danny Arty, да

[Noder SS]

Danny Arty, да

Answer 1

[Вадим]

Поверьте, читал в интернете, не нашел, вот ссылка https://cozy-blini-ee5759.netlify.app/

1. У Вас у блоков однородный фон - чёрный. Как Вы хотите увидеть фон под элементом? Background должен быть хотя бы прозрачным.
2. А Вы попробуйте не на чёрном фоне, намного более заметно как всё у Вас работает.

А ещё лучше заметно на неоднородных фонах. Поставьте картинку на боди фоном и будет ещё лучше видно.



Ну а если отвечать на вопрос из заголовка:

Как работает backdrop-filter

То в спеке всё описано https://drafts.fxtf.org/filter-effects-2/#backdrop...