CSS 阴影生成器
拖滑块调阴影，预设一键起步——自然质感的 CSS 代码直接复制。
自然的阴影靠什么
假阴影一眼假：纯黑、边缘生硬、方向不明。真实世界的阴影有三个特征——颜色是环境色的暗化而非纯黑、边缘柔和渐隐、光源方向一致。生成器把这三点参数化：偏移控制光源方向，模糊控制柔度，扩散控制张力，颜色与不透明度分离调节——低不透明度的深灰蓝，通常比纯黑高级得多。
不知从哪下手就用预设：轻盈适合列表项，卡片适合内容卡，悬浮适合弹窗，聚焦环适合输入框；套用后微调参数，层次感立刻不同。多层阴影叠加（大而淡+小而实）是进阶技巧，能模拟出非常真实的环境光遮蔽。
使用步骤
1. 拖动滑块调节偏移、模糊、扩散与颜色透明度。
2. 或点预设一键套用，再微调参数。
3. 点击「复制 CSS」粘贴到你的样式表。
常见问题
为什么用 rgba 而不是十六进制色？
阴影的真实感主要靠透明度。rgba 把透明度编码进颜色，调节时所见即所得。
单边阴影怎么做？
把扩散设为负值、只保留一个方向的偏移，阴影就会被「压」到单边，常用于列表分隔。
生成会上传吗？
不会。参数与代码都在你的浏览器内实时生成。
隐私说明
生成完全本地：调参试色的过程不出浏览器。