BoxShadowValue 对象类型
非官方测试版翻译
本页面由 PageTurner AI 翻译（测试版）。未经项目官方认可。 发现错误？ 报告问题 →
BoxShadowValue 对象用于 boxShadow 样式属性。它由 2-4 个长度值、一个可选的 color 值和一个可选的 inset 布尔值组成，共同定义阴影的颜色、位置、尺寸和模糊程度。
示例
js
{
offsetX: 10,
offsetY: -3,
blurRadius: '15px',
spreadDistance: '10px',
color: 'red',
inset: true,
}
键与值
offsetX
x 轴上的偏移量。可为正值或负值：正值表示向右偏移，负值表示向左偏移。
| Type | Optional |
|---|---|
| number | string | No |
offsetY
y 轴上的偏移量。可为正值或负值：正值表示向上偏移，负值表示向下偏移。
| Type | Optional |
|---|---|
| number | string | No |
blurRadius
表示在高斯模糊算法中使用的半径。数值越大，阴影越模糊。仅支持非负值，默认值为 0。
| Type | Optional |
|---|---|
| number | string | Yes |
spreadDistance
控制阴影扩展或收缩的程度：正值会扩大阴影，负值会缩小阴影。
| Type | Optional |
|---|---|
| number | string | Yes |
color
阴影颜色，默认为 black（黑色）。
| Type | Optional |
|---|---|
| color | Yes |
inset
控制阴影是否为内嵌效果。内嵌阴影将显示在元素边框盒内侧（而非外侧）。
| Type | Optional |
|---|---|
| boolean | Yes |