新拟态风格CSS生成器源码 附成品站

介绍

新拟态 (Soft UI) 样式在线生成器，可以可视化调节背景色、尺寸、圆角、阴影等参数，支持凸出 / 凹陷、方形 / 圆形样式切换，实时预览效果，一键复制可用的 CSS 代码，做页面样式非常方便。

功能

1. 配色设置

• 自定义取色器，自由挑选背景底色

• 内置 8 款常用新拟态预设配色，点击一键切换

2. 基础样式调节

• 元素大小：拖动滑块调整预览模块尺寸

• 圆角大小：自定义圆角弧度，打造圆润外观

• 形状切换：支持方形（自由调圆角）、圆形（固定 50% 圆角）快速切换

3. 光影细节调节

• 阴影距离：控制立体阴影偏移大小

• 模糊程度：调整阴影虚化效果

• 明暗强度：改变亮部、暗部阴影深浅

• 阴影透明度：设置阴影通透度，适配不同场景

4. 样式类型切换

• 凸出样式：向外凸起的立体效果

• 凹陷样式：向内凹进的按压效果

5. 代码导出

• 所有参数实时同步生成标准 CSS 代码

• 一键复制代码，直接粘贴到项目中使用

  
  

参考站：https://api.nta6.com/ntfcss/

安装

上传主机或者服务器解压即用

• 代码干净无后门

需要更多功能单独添加开发可以联系站长

（各种前端-后端以及单独页面代写开发仅需19块9rmb）

接各种 api 对接开发  （超低收费）

下载地址