Ambient CSS v3：当 Blender 遇见 CSS
Ambient CSS v3 – Blender meets CSS
Ambient CSS v3 将物理光照系统直接引入网页设计，让 CSS 元素像 Blender 中的 3D 模型一样实时响应光线。通过移动鼠标即可改变光源方向，系统会即时重新计算全局光照效果。支持自定义材质如 Matte、Shiny、Glass 等，以及多种表面形态和边缘处理。无论是按钮、旋钮还是其他组件，都能呈现出逼真的光影质感。这一技术让前端开发者无需依赖复杂的 WebGL 或 3D 引擎，就能在纯 CSS 环境中实现电影级的视觉表现。
Ambient CSS 让每个场景都能实时重新光照，带来基于物理的 CSS 体验。
HN 评论区
98- CSSer
我真的很讨厌 Dribbble/Envato 那种风格不知怎么就突破了防线，跑进了 Claude 的模型里，结果现在到处都能看到它和 mediocre（平庸）的布局混在一起。我心想，也许像 Ambient CSS 这样的东西能帮上忙，起到反制作用，可当我看到它被用在 12px 的排版上时（那个 Kubernetes 3D 仪表盘），我简直吓得缩了回去。请务必把这当成一个 PSA（公众服务公告）：Claude 开箱即用状态下根本不懂 UX 或好的设计原则。请去找个设计师抱一抱吧。
- mminer237
想法挺不错，但感觉做得很糙。
不知为何，光照方向似乎控制着整个网格，却又在某个随意的 div 外面戛然而止，经常直接失效，而且对于这样一个简单的效果来说，感觉还特别卡顿。
通道也乱了。示例似乎无法工作，而视频里不知为何只是让两条边变白了？
颜色选项和纹理有点丑。玻璃色明显行不通。最后一个“黄铜”（Brass）莫名其妙变成了“橄榄绿”（Olive）？
单选按钮在数字界面上是个坏主意，实现得完全不一致（‽），而且中间那个根本就没法用。
按钮几乎没有任何反馈，你根本不知道它是否被按下了。
这让我想起了 Google 的 Material Design，至少是旧版本，只是更粗糙、更不好用，颜色也更少。
- graypegg
有点吹毛求疵，但如果假设一个基准平面 + 设置一个透视，然后在 Z 轴上使用 translate3d 向上平移，那么“高度”（elevation）的概念会更有意义。这样元素的大小也会随之变大。
话虽如此，操作变换后的 DOM 节点可能很烦人，但在“弹跳”（bounce）示例中，只有背景在动，这一点让我觉得很奇怪。
另外，这些纹理看起来只是渐变或嵌入的纹理数据。我本以为它会使用 https://developer.mozilla.org/en-US/docs/Web/CSS/Reference/V...，并在 Firefox 上回退到渐变或预制图像。
- alexaholic
我们在 Web 2.0 时代就这么干过，用的是 PNG、GIF 和 `progid:DXImageTransform`，因为那时候光靠标准 CSS 是做不到的。后来随着 CSS（以及微软！）的演进，让这成为可能，世界却转向了扁平化 UI。这真是讽刺，不是吗？
- charlesrice
我最喜欢的是那些旋钮，其中一些你可以像操作实物一样抓取并旋转，而另一些却只对光标的垂直位置有反应，让你觉得自己像个试图使用它们的疯子。