技巧

Ambient CSS 用物理光照模型给 React 组件做高光、阴影和表面材质

https://t.co/mcwRikB9Qx Ambient CSS 非常漂亮,也没有见过类似的库,用物理光照模型给 CSS React 组件做高光、阴影和表面材质 作者把同一套几何和灯光同时在...

精选理由

朋友,有个叫 Ambient CSS 的库,用物理光照模型给 React 组件做高光和阴影,效果很漂亮,比普通 CSS 变量高级,适合做惊艳的站点。

Ambient CSS 是一个新库,用物理光照模型给 CSS 和 React 组件做高光、阴影和表面材质。作者在 Blender 里渲染几何和灯光,然后在浏览器里用 box-shadow 和 CSS 变量复现。有不同光源和材质效果,还有按钮、旋钮等组件。

图片来源 · Viking
原文 · Viking

https://t.co/mcwRikB9Qx Ambient CSS 非常漂亮,也没有见过类似的库,用物理光照模型给 CSS React 组件做高光、阴影和表面材质 作者把同一套几何和灯光同时在...

ambientcss.vercel.app Ambient CSS 非常漂亮,也没有见过类似的库,用物理光照模型给 CSS React 组件做高光、阴影和表面材质 作者把同一套几何和灯光同时在 Blender里渲染 在浏览器里用 box-shadow 和 CSS 变量复现 有不同光源 材质的效果 还有组件:按钮 旋钮 滑条 推子 开关等 你如果想做一个惊艳的站点,完全可以用这套系统来试试看 Your browser does not support the video tag. 🔗 View on Twitter 💬 2 🔄 3 ❤️ 1 👀 393 📊 4 ⚡