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


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

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

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

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

 

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

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

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM