Firefox не блюрит дальше 61px

Question

Firefox не блюрит дальше 61px

Рейтинг: 1Ответов: 0Опубликовано: 23.02.2023

Я хочу сделать на заднем плане заблюранные "фонари". Блюр довольно большой: 150px, но в Хроме и Сафари все хорошо работает.

Вот так это выглядит в Хроме и Сафари.

А вот так это выглядит на фаерфокс, причем я выяснил, что эта картина не меняется после 61-62px. Дальше блюр просто не идет.

body::after,
body::before {
  content: '';
  z-index: -1;
  position: fixed;
  width: 270px;
  height: 270px;
  border-radius: 100%;
  transform: translate3d(0, 0, 0);
  filter: blur(150px);  
}
body::after {
  top: 42.8%;
  right: 25%;
  background-color: #7000ff;
}
body::before {
  top: 27.5%;
  left: 23.9%;
  background-color: #cc00ff;
}

css firefox filter blur

Источник: Stack Overflow на русском

Firefox не блюрит дальше 61px

Ответы