filter: drop-shadow()
https://www.yuque.com/demons/lsduzp/zc5ovl#Xjymg
毛玻璃 backdrop-filter
backdrop-filter
和 filter
的区别:
filter
不仅仅作用域当前元素,后代元素也会继承这个属性,作用于一个空背景元素则没有效果。backdrop-filter
是使透过该层的底部元素模糊化backdrop-filter
属性可以让你为ige元素后面区域添加图形效果(如模糊或颜色偏移)。因为它适用于元素背后的所有元素,为了看到效果,必须使元素或其背景至少部分透明。backdrop-filter
目前兼容性不佳,尤其是安卓移动端。
效果: