背景毛玻璃效果
在开发首页的时候，一些元素需要添加适当的背景🌁，但是又不想让背景太过于突兀🧐，这个时候就想到背景毛玻璃效果了。😬但是毛玻璃效果的实现方式有很多种，这里只介绍一种最简单也是我最常用的。
实现原理
通过background-color添加带透明度的背景色，使用backdrop-filter的blur属性来控制背景模糊的程度，再辅以box-shadow来实现简单的阴影效果，这样一个简单的毛玻璃效果就实现了。
效果展示
Matted Glass
不同场景下需要的效果也不一样🧐，每次都需要去一点一点的调试代码，这样很麻烦😪， 所以我把这些效果封装成了一个功能组件，只需要对某些固定的参数进行修改，再直接拷贝代码就可以了😊。
圆角
模糊
透明
代码实现
background-color: rgba(255, 255, 255, 0.25);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 25px;
box-shadow: rgba(142, 142, 142, 0.25) 0 6px 15px 0;
backdrop-filter: blur(5px);
border: 1px solid rgba(255, 255, 255, 0.25);
border-radius: 25px;
box-shadow: rgba(142, 142, 142, 0.25) 0 6px 15px 0;
backdrop-filter: blur(5px);
