Neumorphism 生成器

基于 soft UI 风格生成阴影与渐变样式，实时预览并复制 CSS。

基础参数

基色圆角 24px距离 14px模糊 28px扩散 0px强度 22光照角度 135°

模式

CSS 代码

background: #e8ecf3;
border-radius: 24px;
box-shadow: -10px 10px 28px 0px rgb(210, 214, 221), 10px -10px 28px 0px rgb(254, 255, 255);

实时预览

Soft UI

Neumorphism Card

建议：浅色背景下使用 10-26 强度，暗色背景需要切换到深色基色并降低对比。