.content{background-color: rgb(255, 255, 255,0.1);box-shadow: 0 25px 45px rgba(0,0,0,0.1);backdrop-filter: blur(4px);}
background-color:改变背景颜色
backdrop-filter: blur(4px);是实现虚化的关键,backdrop-filter属性可以让你为一个元素后面区域添加图形效果(如模糊或颜色偏移)。 因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。
各个滤镜方法如下: