Box阴影生成器
舞台背景盒子颜色
阴影1
CSS
.box {
box-shadow: 0px 8px 24px 0px rgba(15, 23, 42, 0.18);
}Box 阴影生成器：可视化调节多层阴影的偏移、模糊、扩散与颜色，实时预览效果并生成 CSS 代码，卡片质感的调参台。
适用场景
- 调卡片悬浮态的多层柔和阴影
- 复刻设计稿阴影：拆参数调到一致
- 霓虹发光、无边框浮层等特效阴影探索
常见问题
box-shadow 的参数顺序是什么？
offset-x offset-y blur spread color，可叠加 inset 表示内阴影。多层阴影用逗号分隔，先写的层级在上。
为什么调出来的阴影看着"脏"？
常见原因是阴影颜色用了纯黑。自然界的阴影带环境色，用主色的深色变体加低不透明度（10%–20%）多层叠加，质感更自然。