有些時候設(shè)計師會讓我們實現(xiàn)毛玻璃的效果，來達到遮罩或者視覺上的美化。比如這樣：

一：在毛玻璃的實現(xiàn)過程中backdrop-filter:blur()就顯得尤為重要了

image.png

.div{
  width: 600px;
  height: 300px;
  background: #ffffff5e; //切記：背景色增加一定的透明度
  backdrop-filter: blur(15px);
}

二：背景虛化屬性filter:blur()

image.png

以上代碼增加filter以后：

.div{
  width: 600px;
  height: 300px;
  background: #ffffff5e; //切記：背景色增加一定的透明度
  backdrop-filter: blur(15px);
  filter:blur(2px)
}