ToolPro
Workspace
新拟态生成器
可视化创建 Neumorphism (Soft UI) 风格的 CSS 代码
ToolPro.cc
CSS Generator
参数设置
#e0e0e0
200px
30px
20px
0.15
40px
实时预览
工具介绍
新拟态 (Neumorphism) 是近年流行的 UI 设计趋势，结合了拟物化和扁平设计的特点，通过光影营造出元素与背景融为一体的柔和浮雕感。
功能特点
- 全参数调节：大小、圆角、模糊度、阴影距离、强度等
- 多形态支持：支持平面(Flat)、凹陷(Concave)、凸起(Convex)、按下(Pressed)四种形态
- 智能光源：可调节光源方向 (左上、右上、右下、左下)，自动计算高光和阴影位置
- 颜色算法：智能计算高光色和阴影色，支持任何基准颜色的自动化适配
CSS 生成
- 实时生成兼容性良好的标准 CSS 代码
- 一键复制，开箱即用
信息
- 发布日期
- 2026-01-13
- 最近更新
- 2026-02-25
- 状态
- Normal