五年没写博客了，web 技术已经像火箭一样飞起来了，趁着苹果推送了 iOS 26 正式版，蹭一蹭流量，使用 CSS 和 SVG 实现苹果液态玻璃效果。
Apple 在 6 月的 WWDC 2025 期间推出了液态玻璃效果，虽然网上褒贬不一，不过按照以往的惯例，苹果出了大概率会引领设计潮流。
根据开发文档的描述，简单来说就是一种动态界面材质，融合玻璃的光学特性与流体感。
先看一下官方的宣传片：
有限可用
由于性能限制，手机上的实时玻璃折射效果并不理想，并且因为使用了很多先进的特性，比如 backdrop‑filter svg 等，所以本文的代码在仅在 PC 上的新版 Chrome/Edge 中正常工作。
