新拟态 UI 生成器

生成新拟态风格 CSS box-shadow

背景色#e0e5ec

形状

尺寸: 200px

圆角: 20px

距离: 20px

模糊: 40px

强度: 15

CSS 代码

.neumorphic {
  background: #e0e5ec;
  border-radius: 20px;
  box-shadow: 20px 20px 40px #d1d6dd, -20px -20px 40px #eff4fb;
  width: 200px;
  height: 200px;
}

工具说明

在线新拟态（Neumorphism）UI 生成器，可视化调整背景色、圆角、阴影强度，生成新拟态风格的 CSS 代码，适合现代 UI 设计。

neumorphism新拟态cssshadowuidesign