为了实现磨砂效果，我们可以使用下方所示的关键代码来制作。

div {
 background: inherit;
 backdrop-filter: blur(2px);
}

background:inherit; 是让子级继承父级对应区域的背景，实现继承自其父元素的背景。

backdrop-filter；是一个 CSS 属性，用于在元素的背景和元素后面的内容之间创建一个视觉效果，类似于一个可应用于元素背景的滤镜。

以下是一些常用的 backdrop-filter 属性值：

• blur(<length>)：将元素的背景模糊化。可以指定一个长度值来控制模糊程度。
• brightness(<percentage>)：调整元素的背景亮度。可以指定一个百分比值来增加或减少亮度。
• contrast(<percentage>)：调整元素的背景对比度。可以指定一个百分比值来增加或减少对比度。
• grayscale(<percentage>)：将元素的背景转换为灰度。可以指定一个百分比值来控制灰度程度。
• sepia(<percentage>)：将元素的背景转换为深褐色。可以指定一个百分比值来控制褐色程度。
• saturate(<percentage>)：增加元素的背景饱和度。可以指定一个百分比值来增加饱和度。
• opacity(<percentage>)：调整元素的背景透明度。可以指定一个百分比值来增加或减少透明度。