🆕 https://mnya.tw/cc/word/1596.html
【作者:萌芽站長;💻萌芽綜合天地; 🌐網站技術 , 🎨CSS】
以前在網頁上做背景毛玻璃非常麻煩,要特別在需要毛玻璃背景的元素上加偽元素 ::before,然後直接對偽元素加網頁背景影像本身 + filter: blur(5px);,數值可調整...
#CSS #backdrop_filter #原生背景毛玻璃 #原生毛玻璃背景 #原生 #背景毛玻璃 #毛玻璃背景 #背景 #毛玻璃 #網站技術
【作者:萌芽站長;💻萌芽綜合天地; 🌐網站技術 , 🎨CSS】
以前在網頁上做背景毛玻璃非常麻煩,要特別在需要毛玻璃背景的元素上加偽元素 ::before,然後直接對偽元素加網頁背景影像本身 + filter: blur(5px);,數值可調整...
#CSS #backdrop_filter #原生背景毛玻璃 #原生毛玻璃背景 #原生 #背景毛玻璃 #毛玻璃背景 #背景 #毛玻璃 #網站技術
萌芽綜合天地
CSS backdrop-filter 原生背景毛玻璃 – 萌芽綜合天地
以前在網頁上做背景毛玻璃非常麻煩,要特別在需要毛玻璃背景的元素上加偽元素 ::before,然後直接對偽元素加網頁背景影像本身 + filter: blur(5px);,數值可調整,這樣就搞定啦!但現在隨著 CSS 的進步,可以直接在需要毛玻璃背景的元素上加 backdrop-filter 屬性,就能做出同樣的效果,省事非常多!但因為這個新屬性並不屬於任何正式的規範,因此瀏覽器支援的狀況還很差,