小编Max*_*kin的帖子

如何修复 Slick 滑块中的 CSS 背景过滤器模糊?

我将这个 CSS 用于 Slick 滑块中的幻灯片:

backdrop-filter: blur(10px)
Run Code Online (Sandbox Code Playgroud)

但是,当我单击以显示下一张幻灯片时,CSS 模糊会消失一秒钟,然后幻灯片再次模糊。当用鼠标拖动幻灯片时,CSS 模糊在鼠标上消失。

我怎样才能解决这个问题?

代码笔:https ://codepen.io/maxbeat/pen/abNBrex

.slider__item {
  height: 200px;
  margin: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  font: 24px arial;
  background: rgba(255,255,255,0.5);
  backdrop-filter: blur(10px);
}
Run Code Online (Sandbox Code Playgroud)

html javascript css css-filters slick.js

6
推荐指数
1
解决办法
2077
查看次数

标签 统计

css ×1

css-filters ×1

html ×1

javascript ×1

slick.js ×1