液态玻璃 UI 拆成 7 层复合效果，作者公开全套参数与 Prompt
floguo · x · 2026-11-04
开发者分享其开发 Lumno 时研究出的「液态玻璃」材质实现，把效果拆成多个复合层：
- 投影：控制卡片体积感
- 模糊与提亮：模糊背景同时提高饱和度和亮度，让玻璃更通透
- 边缘折射：用 SVG 位移贴图把边缘背景往里压，红光比蓝光多弯一点形成色散
- 着色：半透明色彩遮罩，透明度按背景复杂度自动调整
- 边缘光 + 文字着色：浅色玻璃用正片叠底、深色用叠加提亮，文字带一点背景色
- 自动模式切换：采样背景平均亮度，低于 0.5 自动切浅色
并给出推荐参数（浅色：着色白 6%–22%、模糊 2px、饱和度 180%；折射：边宽 44px、色散 ±15% 等），Prompt 随附可直接抄，适用于卡片、播放器、搜索框，深浅模式各自配好。
「编程与Agent」频道最新
- AI 员工工具缺一块拼图：agent 不会「盯着情况等更新」 — corbtt · 2026-11-05
- Go 从零实现的 Rust 编译器 rustgo：完整复刻 rustc 管线 — rakyll · 2026-11-05
- Atlas 发布：Mac 上给 agent 一个隐藏桌面，人机互不干扰 — Scobleizer · 2026-11-05
- 观点：AI Agent 将取代 SaaS 产品，直接替客户完成工作 — andreisavu · 2026-11-05
- Runway Dev 上线 Claude Code：一行描述自动接入视频音频 API — runwayml · 2026-11-05
- dotey：OpenAI Codex 的 TreeView 和 Diff View 用的是第三方开源组件 Pierre — dotey · 2026-11-05