1. 程式人生 > >CSS|backdrop-filter 和filter 寫出高斯模糊效果 以及兩者區別

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

backdrop-filter:blur(10px);只支援ios端;只作用於當前元素;

適用場景:為背景新增模糊效果;如果目標元素內包裹著其他內容 則應用filter屬性;

(不支援安卓,效果不明顯)

filter:blur(10px);              相容性比較好,不僅僅作用於當前元素,後代元素也會繼承這個屬性,作用於一個空背景元素沒有效果

適用場景:(效果其實還是通過作用於具體的img元素才實現模糊效果,如果單單作用於一個空元素背景 則沒有效果)