文章
何謂backdrop-filter?即有手機般風格的玻璃效果,
我們常在手機 或網站看到的令人驚嘆的技術設計,
其實亮的磨砂玻璃效果就是用 CSS實現編排的,
簡易編排可參考:
https://www.w3schools.com/cssref/css3_pr_backdrop-filter.asp
(請注意您即將連結到w3schools網站內頁)
自 2022 年 7 月前 backdrop-filter 是無法在Firefox外 瀏覽器產生美麗的視覺效果,2022年7月後,backdrop-filter除 Firefox 之外的所有瀏覽器都支持屬性。但是,它將在即將發布的 Firefox 103 版本中得到支持。
參考:
https://caniuse.com/css-backdrop-filter
備註:什是Caniuse 網站? 該網站就是將網頁功能相容性資料整合參考網站,該網站可以查詢css、js等的一些兼容性,比如不同瀏覽器布局轉性支持。