CSS3毛玻璃效果

backdrop-filter与filter的区别

filter:模糊内容
backdrop-filter:透过该层的底部元素模糊化
这两个属性的语法是一样的

下面是使用案例

backdrop-filter:saturate(150%) contrast(50%) blur(8px);
background-color:rgba(0,0,0,.3);

远望世界教程CSS3毛玻璃小于 1 分钟