便宜VPS主机精选
提供服务器主机评测信息

CSS如何实现背景图片模糊效果

CSS可以通过backdrop-filter属性来实现背景图片模糊效果。backdrop-filter是一个用于元素的CSS样式,它指定了一个可选的滤镜效果,作用于元素本身及其所有后代元素的背景。

下面是一个例子:

.blur {
  background-image: url('your-image.jpg');
  backdrop-filter: blur(5px);
}

上述代码将会给一个带有背景图片的元素添加一个模糊效果,模糊程度为5像素。请注意,这个属性不是所有浏览器都支持,需要在使用前检查浏览器兼容性。

未经允许不得转载:便宜VPS测评 » CSS如何实现背景图片模糊效果