UTILS.
默认保护隐私
◳

新拟态生成器

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

文件始终留在此设备上

文件在浏览器中处理,绝不上传。网站会下载运行工具所需的代码和资源。无需账号,也无追踪。

使用“下载”将此工具保存为单个 HTML 文件,以便离线使用。

隐私 →

关于此工具

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

常见问题

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

更多工具