Box Shadows 是一个围绕阴影与盒属性进行参数调整的网页工具。页面以“Customize Shadows”和“Box Properties”为主要区域，前者用于添加和管理阴影，后者用于设置画布颜色、背景颜色、边框颜色、圆角、高度与宽度。它将阴影参数和盒属性分别列出，用户可以在同一界面中逐项修改数值或颜色。
核心功能
添加阴影
“Add a shadow”用于新增阴影配置，页面当前展示了“Shadow 1”这一阴影项目。通过添加阴影，用户可以在阴影区域中继续调整对应的参数，而不是只使用一个固定的阴影设置。
管理阴影状态
每个阴影项目提供“Active”“Inset”和“Remove”选项。“Active”用于标记阴影是否处于启用状态，“Inset”用于设置内阴影选项，“Remove”用于移除当前阴影项目。页面因此同时提供了状态控制、内外阴影选项和删除入口。
调整偏移与模糊
阴影参数区域包含“Horizontal offset”和“Vertical offset”，两者的单位均显示为 px，当前数值为 0。页面还提供“Blur radius”，单位为 px，当前数值为 50，可用于设置阴影的模糊半径。
调整扩散与颜色
“Spread radius”用于设置扩散半径，单位显示为 px，当前数值为 0。阴影区域还包含“Color”字段，用户可以为当前阴影设置颜色，从扩散范围和颜色两个方面调整阴影参数。
设置盒属性
“Box Properties”区域提供了“Canvas color”“Background color”和“Border color”三个颜色字段，也提供“Border radius”“Height”和“Width”三个尺寸字段。圆角、高度和宽度的单位显示为 rem，当前分别为 10、20 和 20。
使用方式
页面直接提供阴影和盒属性的调整界面。使用者可以通过“Add a shadow”添加阴影，再修改偏移、模糊、扩散和颜色；也可以在“Box Properties”中设置画布、背景、边框颜色以及圆角、高度和宽度。官网正文未展示注册、导入、导出、客户端、浏览器插件、API 或命令行相关信息。
适用人群与场景
需要调整阴影参数的网页制作人员，可以使用“Horizontal offset”“Vertical offset”“Blur radius”和“Spread radius”分别设置阴影数值。需要配置盒子外观的用户，可以在“Box Properties”中统一修改颜色、圆角、高度和宽度。需要尝试多个阴影状态的用户，可以使用“Add a shadow”新增项目，并通过“Active”“Inset”和“Remove”进行管理。
