UTILS.
100% 浏览器内运行

新拟态生成器

创建带实时预览的柔性 UI 新拟态阴影并复制。

关于此工具

设计柔性 UI 新拟态元素,配以成对的亮色和暗色阴影,可调整尺寸、距离、强度和模糊,并支持凸起或凹陷外观,然后复制 CSS。在你的浏览器中实时运行。

常见问题

新拟态为什么使用两个阴影?
在相对的两个角上分别放置一个亮色阴影和一个暗色阴影,模拟出单一光源,使元素看起来像是从背景中凸出来的。
凸起和凹陷有什么区别?
凸起看起来像从表面隆起,而凹陷会反转渐变和阴影,使元素看起来像是被压入表面。

更多工具