CSS 盒阴影生成器
拖动滑块调整 X/Y 偏移、模糊、扩散、不透明度并选择颜色，实时预览和 CSS 属性即时生成。
通过水平和垂直偏移、模糊、扩展、不透明度、颜色以及 inset 选项生成一个 CSS box-shadow 声明。
如何生成 CSS 盒阴影
- 用 X 和 Y 滑块调整阴影位置。
- 调整模糊、扩展、不透明度、颜色和 inset。
- 查看预览并复制生成的 box-shadow 声明。
生成方式
所选 HEX 颜色会转换为 rgba()，透明度保留两位小数。
工具一次只生成一层 box-shadow，不支持多重阴影或 text-shadow。
隐私与限制
所有控制和预览都在浏览器本地运行。结果受界面滑块范围限制，并且每次只输出一个 box-shadow 声明。
CSS box-shadow 常见问题
支持 inset 吗？
支持。开启 Inset 后会加入 inset 关键字。
能生成多重阴影吗？
不能，只生成一层。
颜色输出是什么格式？
HEX 会转换为 rgba()。
spread 可以为负数吗？
可以，在滑块允许范围内可用负值。
会上传数据吗？
不会，全部在浏览器中处理。