Apple全新UI設計「液態玻璃 Liquid Glass」 Liquid Glass其實不是什麼新風格或技術，主要是這次Apple拿來作為核心UI介面才更受到關注！還記得約莫四、五年前很流行的毛玻璃質感效果嗎？當時也是風靡UI圈一陣子（但很快就膩爛掉）。

【差異】「液態玻璃 vs 毛玻璃」很像，但不完全一樣！ 兩者最大的差別在於「折射變形」，液態玻璃除了模糊、白化以外還加上邊緣的折射變形，而且這個邊緣變形是會有流體感的拉伸。至於毛玻璃就是模糊+白化。

【作法】 Codepen這個液態玻璃 Liquid Glass作品，在做法上有使用了SVG作為背景濾鏡，並且使用了 feGaussianBlur 效果，達成流體噪點效果，大家可以玩玩看！

液態玻璃這個做法在動態特效上其實很酷很炫，但使用在UI介面甚至閱讀上其實還是有點偏不易閱讀的，更何況白色字在淺白＆透明的Liquid Glass效果上。

不過，液態玻璃特性是可以在滾動時會造成背景拉伸變形，而讓前面文字明顯，這樣應該的也是會比較清楚，重點是酷啦！

Liquid Glass https://codepen.io/rebane2001/full/OPVQXMv