运行工具
本工具用于在线生成标准的 CSS 阴影声明（box-shadow 属性）。在现代网页与应用界面设计中，合理的投影能够建立清晰的视觉层级并增强元素的立体质感。工具支持自由调节水平偏移、垂直偏移、模糊半径、扩展半径、阴影颜色以及内阴影模式等核心属性。各项数值参数均会自动附加像素单位（px），无需手动输入单位后缀。例如，设置水平与垂直偏移为 2、模糊半径为 5、扩展半径为 0 并指定颜色为 #00000033 时，工具将生成对应的外凸柔和阴影样式代码；若勾选内阴影选项，声明中会自动添加 inset 关键字，呈现内嵌或凹陷效果。所有数值均支持设置为 0 或负数，方便精确实现水平居中阴影、单向投射光效或边缘微调，适用于卡片悬浮、按钮点击交互、弹窗遮罩及各种界面组件的样式快速构建。
使用说明
- 在水平偏移与垂直偏移输入框中设置阴影的横向与纵向移动距离。
- 填写模糊半径以调整阴影边缘的虚化程度，并按需指定扩展半径大小。
- 在颜色框中输入所需的色彩代码（如十六进制色值）。
- 若需要凹陷或内发光效果，请勾选内阴影选项；默认状态为外阴影。
- 运行后在结果区域即可查看并复制生成的 CSS box-shadow 属性声明。
示例
- 基础外阴影：水平偏移 2、垂直偏移 2、模糊半径 5、扩展半径 0、颜色 #00000033 且未勾选内阴影，生成对应的外凸柔和投影代码。
- 内阴影效果：水平偏移 0、垂直偏移 0、模糊半径 10、扩展半径 2、颜色 #00000020 且勾选内阴影，生成带有 inset 标识的内凹阴影代码。
常见问题
各项数值不填时会如何处理？
各项参数均为可选设置。未手动输入时，系统会采用默认配置（水平偏移 2、垂直偏移 2、模糊 5、扩展 0、颜色 #00000033、外阴影）生成对应的代码。
如何生成纯正下方的均匀阴影？
可以将水平偏移设置为 0，仅保留垂直偏移与模糊半径，即可获得水平居中、向下投射的阴影效果。
内阴影选项有什么作用？
勾选内阴影后，生成的 CSS 声明会包含 inset 关键字，使阴影落在容器边框内部，常用于制作输入框内嵌或按钮按下的视觉效果。