轻松生成新拟态风格CSS代码
通过简单的参数调整，快速生成现代感十足的新拟态(Neumorphism)设计风格CSS代码，适用于各种UI元素。
参数设置
预览效果
生成的CSS代码
.neumorphic {
background: #f5f7fa;
border-radius: 50%;
box-shadow: 9px 9px 16px rgba(163, 177, 198, 0.6),
-9px -9px 16px rgba(255, 255, 255, 0.5);
}使用说明
调整参数
通过调整各种参数，包括颜色、圆角和阴影深度，创建符合您需求的新拟态效果。
实时预览
在调整参数的同时，实时查看效果变化，确保达到您期望的视觉效果。
复制代码
满意后，只需点击复制按钮，即可将生成的CSS代码应用到您的项目中。