filter: drop-shadow()

https://www.yuque.com/demons/lsduzp/zc5ovl#Xjymg

毛玻璃 backdrop-filter

backdrop-filterfilter 的区别:

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

效果:
image.png