Почему пропадает эффект blur в slick slider?

Question

[mxbeat]

Для слайдов slick слайдера использую CSS backdrop-filter: blur(10px), но во время перелистывания слайдов эффект blur пропадает на секунду, а потом снова появляется. Причем если тянуть слайды мышкой, то blur пропадает в момент, когда отпускаю кнопку мышки. В чем может быть проблема? Как это пофиксить?

Пример: https://codepen.io/maxbeat/pen/abNBrex

Answer 1

[Евгений Щербаков]

Не в защиту slick, но возможно само свойство пока криво работает т.к. находится вроде в статусе черновика в спецификации.

К примеру со свойством
filter: blur(10px);
ничего не пропадает.

Answer 2

[Dimtri]

Чтобы пофиксить, надо отключить useTransforms и (или) useCSS в настройках слайдера.
Всего год прошёл, и вот ответ))

$('.slider').slick({
  useCSS: false,
  useTransform: false
});

Можно отключить и то и другое. Можно только одну из настроек.