backdrop-filter 和filter 寫出高斯模糊效果 以及二者區別

http://www.w3cplus.com/css3/advanced-css-filters.html；

backdrop-filter：blur(10px);只支持ios端；只做用於當前元素；

適用場景：爲背景添加模糊效果；若是目標元素內包裹着其餘內容 則應用filter屬性；

（不支持安卓，效果不明顯）

 

filter：blur(10px);              兼容性比較好，不單單做用於當前元素，後代元素也會繼承這個屬性，做用於一個空背景元素沒有效果

適用場景：（效果其實仍是經過做用於具體的img元素才實現模糊效果，若是單單做用於一個空元素背景 則沒有效果）