CSS实现元素背景毛玻璃效果(高斯平滑)

4,490 阅读1分钟

(1)元素背景颜色设置透明效果(rgba)

(2)关键代码: backdrop-filter: blur(5px)

模糊效果根据具体需要调节像素值。

注:直接使用 blur(像素值) 会使目标元素整体模糊,而 backdrop-filter: blur(像素值) 只会是背景模糊产生毛 玻璃效果