关于 CSS 阴影生成器
该工具用于生成 box-shadow 与 text-shadow 样式，支持参数细调、预设切换和多背景预览。
核心功能
- 阴影类型切换：支持盒子阴影与文字阴影。
- 参数调节：偏移、模糊、扩散、颜色、透明度实时可调。
- 内阴影支持：盒子阴影支持
inset模式。 - 预设库：快速套用常见阴影风格。
- 代码导出：生成并复制 CSS 阴影代码。
使用说明
- 选择阴影类型（Box 或 Text）。
- 调整各项阴影参数。
- 在预览区检查浅色/深色背景效果。
- 套用预设并微调到目标风格。
- 复制生成 CSS 到项目。
使用场景
- 卡片、按钮、浮层的层级感塑造。
- 标题文字可读性增强。
- 暗色主题下的视觉分离优化。
常见问题
阴影发灰、发脏怎么办？
通常是模糊值过大或不透明度过高，建议降低 opacity 并优化颜色色相。
Text shadow 和 box shadow 可以一起用吗？
可以，分别作用于文字与容器，常用于标题+卡片组合场景。