Neumorphism 新拟态 CSS 生成器
在线可视化生成 Neumorphism（新拟态）UI 的 CSS 代码，调节背景色、大小、圆角、距离、模糊与凹凸效果，实时预览双向柔和阴影并一键复制 box-shadow 代码，免费且浏览器本地运行。
背景颜色
形状类型
参数调整
200px
50px
20px
15%
60px
预览
Soft UI
CSS 代码
在线可视化生成 Neumorphism（新拟态）UI 的 CSS 代码，调节背景色、大小、圆角、距离、模糊与凹凸效果，实时预览双向柔和阴影并一键复制 box-shadow 代码，免费且浏览器本地运行。
先在输入区填写待处理内容，并检查当前选项；修改输入或使用页面控件后查看结果区域。
先完成页面提供的操作，检查结果区域和状态提示。若需要重新操作，先确认当前输入和选项是否仍保留，避免误用上一次的结果。
先用最小示例验证，再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接，以及带外部地址的内容预览仍可能产生网络请求；“本地处理”并不表示整个网页完全没有网络活动。
先检查输入内容是否完整，以及格式、单位和当前选项是否匹配。修改输入后，查看页面的结果或错误提示；可先用少量数据定位问题。
Box Shadow 生成器 · CSS 盒子阴影生成器 · CSS Text Shadow 生成器 · CSS 动画生成器 · 全部开发工具