Background blur в CSS без backdrop-filter

Хочу добиться частично прозрачного фона для сайдбара с применением blur-эффекта. Сейчас использую свойство backdrop-filter для этих целей, и все работает отлично (в хроме):
Пример

background-color: rgba(255, 255, 255, 0.6) !important;
backdrop-filter: blur(24px);

Но поддержка этого свойства между браузерами довольно слабая.

Собственно, отсюда и вопрос: а можно ли добиться подобного эффекта с поддержкой большего количества браузеров? Интересуют хотя бы последние версии chromium/firefox/safari.

Гугл в основном выдает информацию только по поводу изображений. Мне это не очень подходит, поскольку у меня просто полупрозрачный белый фон, а не изображения.


Ответы (0 шт):