CSS可以通过backdrop-filter
属性来实现背景图片模糊效果。backdrop-filter
是一个用于元素的CSS样式,它指定了一个可选的滤镜效果,作用于元素本身及其所有后代元素的背景。
下面是一个例子:
.blur {
background-image: url('your-image.jpg');
backdrop-filter: blur(5px);
}
上述代码将会给一个带有背景图片的元素添加一个模糊效果,模糊程度为5像素。请注意,这个属性不是所有浏览器都支持,需要在使用前检查浏览器兼容性。