Как получить эффект равномерного размытия фона? ⇐ CSS

[Anonymous]

При применении фильтра фона размытия результат в разных браузерах различается по единообразию:


Слева направо: Safari, Chrome, Firefox
С Что касается единообразия, лучше всего справляется Safari, за ним следуют Chrome и Firefox. Я не уверен, почему существуют такие резкие различия между браузерами, но мне хотелось бы получить более единообразный эффект, который обеспечивает Safari, но во всех браузерах.
Мой вариант использования таков: я использование размытого заголовка и при прокрутке, например. text, эффект неравномерности, особенно в Firefox, приводит к мерцанию заголовка по краям, что выглядит странно.
Вот код, используемый для генерации текстовых изображений:
Вот код, используемый для генерации текстовых изображений:
p>

Код: Выделить всё

.box {
position: absolute;
border: 5px solid red;
width: 50px;
height: 50px;
}

.blur {
position: absolute;
backdrop-filter: blur(10px);
width: 100px;
height: 100px;
}

Код: Выделить всё

Подробнее здесь: https://stackoverflow.com/questions/791 ... lur-effect