Liquid Glass.
实现iOS26 Liquid Glass 液态玻璃效果
苹果在 WWDC25 发布了全新的液态玻璃（Liquid Glass）设计风格。 根据苹果官方介绍： Liquid Glass 统一了 Apple 平台的设计语言，同时提供更生动、更富表达力的用户体验。 Liquid Glass 是一种半透明材质，采用「反射+折射+动态变形」的复合渲染机制，营造出类似真实玻璃的视觉质感。它能自动适应环境中的光线变化，具备「可弯曲、轻盈、流动」的特性，像玻璃般浮于 APP 之上。 Liquid Glass 不是通过淡入淡出来显形和消失，而是通过逐渐改变光线折射和透射，确保形成一种保留材质光学完整性的优雅过渡。 效果分析 正如苹果介绍，Liquid Glass 采用「反射+折射+动态变形」的复合渲染机制。想要通过 HTML + CSS 实现这种效果，不是简单的加一个高斯模糊就行了。 以下是根据苹果目前发布的效果图和已经发布 iOS 26 开发版分析想要实现「液态玻璃」的必要效果： 边缘折射变形： 外轮廓带有液态的「膨胀」效果，这是「液态玻璃」的主要特征。而且强调一下：折射变形仅限于边缘部分，中间部分是没有变形的。 边缘高光 + 浮动阴影： 通过边缘处的高光…
最新评论
年度总结里把“博客、朋友圈、工具、Fmgen”这些入口整理得很清晰，分类列表和标签列表也方便回顾一年来的内容。看到日期定在 2025 年最后一天，很有阶段性收束的感觉。
Felix Zhao /
“Liquid Glass”效果的实现思路很有参考价值，尤其适合用在导航栏、卡片等需要层次感的组件上。期待补充一下在不同背景和滚动状态下的性能表现与适配细节。
Simon Johansen /
看完最大的感受是，先把一个小场景跑通，比一上来堆一堆 Skills 靠谱。我上周就拿“报销单整理”当试验田，只做一件事：把手机里拍的票据变成能打印的东西，跑顺了再往里加步骤，比贪多省心不少。
那几天我用 LensUp 把一叠发票照片转成 PDF，顺手把身份证正反面拼在一页 A4 上交表格，省了跑一趟打印店。压缩是按你选的目标大小尽量贴近，偶尔会稍稍超一点，真要过门户审核前自己再看一眼比较稳妥。
LensUp PDF Tools /
把大赛勋章的固件重写成随身网络音乐盒，这个改造思路很有意思，尤其是把原本偏纪念性质的硬件重新赋予实际用途。期待看到更多关于网络播放和供电部分的实现细节。
Laura Tanaka /
你好，我是倦意，在做一个小项目：博客汇（https://bkh.jyblog.com），一个通过 RSS 汇集独立博客文章的聚合站。
我读了你的博客，觉得内容很好，已经先把你的博客收录进来了，展示页面在这里：https://bkh.jyblog.com/members/132。
网站只展示标题和摘要，读者点击会直接跳转到你的原博客。如果你不希望被收录，或者想调整展示的博客名称、头像等信息，可以进行博客认领自行修改，或者随时告诉我，我会立刻处理。
冒昧打扰，希望没有给你造成困扰。也欢迎你看看网站，提提建议
倦意 /
最近发布
