LiquidGlass 液态玻璃
Liquid Glass 是一种半透明材质,采用「反射+折射+动态变形」的复合渲染机制,营造出类似真实玻璃的视觉质感。它能自动适应环境中的光线变化,具备「可弯曲、轻盈、流动」的特性,像玻璃般浮于应用之上。
示例
liquid-glass,边缘折射,中间部份没有折射:
https://github.com/shuding/liquid-glass
liquid-glass-vue,支持VUE
https://github.com/wxperia/liquid-glass-vue
参考
https://juejin.cn/post/7514618352829448244
开关
实现了类似 iOS 26 中的液态玻璃(Liquid Glass)切换效果,Android、鸿蒙、浏览器都可以
技术栈:CSS + SVG filter + drag mechanics 。
