⚙️ 样式配置
🎭 效果类型
👁 实时预览
卡片标题
这是一个Neumorphism风格的卡片预览
📝 生成代码
📖 关于Neumorphism设计
Neumorphism（新拟态）是2019年由Alexander Plyuto提出的设计趋势，结合了扁平设计和拟物设计的优点。它通过在相同色调的背景上使用双向柔和阴影，创造出元素从界面中浮出或被按下的视觉效果。
核心原理
- 双向阴影：一个亮色阴影（左上）+ 一个暗色阴影（右下）
- 同色背景：元素背景色与页面背景色相同或极接近
- 柔和过渡：使用大模糊半径的阴影，避免硬边
- 状态变化：凸起=默认，凹陷=按下/激活
❓ 常见问题
什么是Neumorphism设计？
Neumorphism（新拟态）是一种UI设计风格，结合了扁平设计和拟物设计的特点。它通过使用两个方向相反的柔和阴影（一个亮色一个暗色）在背景色上创建凸起或凹陷的效果，使元素看起来像是从背景中浮出或被按下。
Neumorphism和Flat Design有什么区别？
Flat Design使用纯色和明确的边界，没有阴影和3D效果。Neumorphism在Flat Design基础上添加了柔和的双向阴影，创造出微妙的3D效果。Neumorphism更柔和、更有触感，但可访问性需要注意对比度。
如何确保Neumorphism的可访问性？
Neumorphism的主要可访问性挑战是低对比度。建议：1) 确保文字与背景有足够对比度（WCAG AA标准4.5:1）；2) 不仅依赖阴影传达状态，也使用颜色变化；3) 为交互元素添加明确的hover和focus状态；4) 使用ARIA标签辅助屏幕阅读器。
Neumorphism适合什么场景？
Neumorphism适合：仪表盘、音乐播放器、计算器、设置面板等需要柔和触感的界面。不适合需要高信息密度或强对比度的场景，如数据表格、表单验证错误提示等。
数据安全吗？
完全安全。所有样式生成在浏览器本地完成，不发送任何数据到服务器，不存储任何信息。关闭页面后数据自动清除。