Logo ToolPro

新拟态 CSS 生成器

高级 CSS 生成工具，创建 Neumorphism (Soft UI) 风格代码，可视调参

开发工具 301 0
Workspace

新拟态生成器

可视化创建 Neumorphism (Soft UI) 风格的 CSS 代码

ToolPro.cc
CSS Generator

参数设置

#e0e0e0
200px
30px
20px
0.15
40px

实时预览

工具介绍

新拟态 (Neumorphism) 是近年流行的 UI 设计趋势，结合了拟物化和扁平设计的特点，通过光影营造出元素与背景融为一体的柔和浮雕感。

功能特点

  • 全参数调节：大小、圆角、模糊度、阴影距离、强度等

  • 多形态支持：支持平面(Flat)、凹陷(Concave)、凸起(Convex)、按下(Pressed)四种形态

  • 智能光源：可调节光源方向 (左上、右上、右下、左下)，自动计算高光和阴影位置

  • 颜色算法：智能计算高光色和阴影色，支持任何基准颜色的自动化适配


CSS 生成

  • 实时生成兼容性良好的标准 CSS 代码

  • 一键复制，开箱即用

讨论 0

请 登录 后参与讨论

暂无评论，成为第一个分享观点的人吧。

信息

发布日期
2026-01-13
最近更新
2026-10-11
状态
Normal
#新拟态 #Neumorphism #Soft UI #CSS生成器 #UI设计工具 #阴影生成 #css box-shadow