拟态生成器

设置背景色、亮色与暗色阴影、偏移距离、模糊度、圆角,并选择「凸起」或「凹陷」模式,工具会生成新拟态(Neumorphism)风格的 box-shadow 代码。这种风格依靠一明一暗两道阴影制造柔和的三维感。全部在浏览器本地完成。

拟态设置 等待输入

背景色与阴影色越接近,拟态效果越柔和。

生成结果
模式—
阴影—
设置参数后点击生成,CSS 代码将显示在这里。

生成的代码可直接粘贴使用;结果仅供参考。

使用说明
  • 新拟态依靠一明一暗两道 box-shadow 模拟光影。
  • 亮色阴影偏向光源方向,暗色阴影偏向相反方向。
  • 凸起(raised)为正值偏移,凹陷(inset)使用 inset 关键字。
  • 背景与阴影色需取自同一色系,效果才自然。
  • 拟态对比度较低,需注意可访问性。