免费在线CSS阴影生成器，可视化调整偏移、模糊、扩散、颜色与内阴影，支持多层阴影实时预览，一键生成可复制的box-shadow/text-shadow代码。
适用场景
手动编写CSS阴影代码繁琐且难以直观调整，此工具通过可视化界面快速生成和复制阴影样式。
使用步骤
- 1选择属性：在“属性”下拉框中选择box-shadow或text-shadow。
- 2调整阴影参数：在阴影层中设置X偏移、Y偏移、模糊、扩散（仅box-shadow）和颜色。
- 3设置内阴影：如需内阴影，勾选“内阴影”复选框（仅box-shadow可用）。
- 4添加或删除阴影层：点击“+ 添加阴影层”增加多层阴影，点击“删除”移除层（至少保留一层）。
- 5预览效果：右侧预览区域实时显示阴影效果。
- 6复制CSS：点击“复制 CSS”按钮，将生成的CSS代码复制到剪贴板。
输入与输出
输入：用户选择阴影属性，调整各层的偏移、模糊、扩散、颜色和内阴影选项。输出：实时预览的阴影效果和对应的CSS代码，可一键复制。
适用人群
网页设计师、前端开发者和需要快速生成CSS阴影样式的用户。
常见问题
- 如何添加多层阴影？
- 点击“+ 添加阴影层”按钮，每层可独立设置参数，最终代码会合并所有层。
- text-shadow支持内阴影吗？
- 不支持，内阴影选项在text-shadow模式下自动禁用。
- 颜色选择器无法识别某些颜色格式怎么办？
- 颜色选择器仅支持6位hex或rgb(a)格式，其他格式可能无法识别，但代码生成仍保留原值。
- 如何删除阴影层？
- 点击层上的“删除”按钮，但至少保留一层，否则会提示错误。