跳至主内容
版本:0.82

DropShadowValue 对象类型

非官方测试版翻译

本页面由 PageTurner AI 翻译(测试版)。未经项目官方认可。 发现错误? 报告问题 →

DropShadowValue 对象用于 filter 样式属性中的 dropShadow 函数。它由 2-3 个长度值和可选的颜色值组成,这些值共同定义投影的颜色、位置和模糊程度。

示例

js
{
offsetX: 10,
offsetY: -3,
standardDeviation: '15px',
color: 'blue',
}

键与值

offsetX

x 轴上的偏移量。可为正值或负值:正值表示向右偏移,负值表示向左偏移。

TypeOptional
number | stringNo

offsetY

y 轴上的偏移量。可为正值或负值:正值表示向上偏移,负值表示向下偏移。

TypeOptional
number | stringNo

standardDeviation

表示 Gaussian blur 算法中使用的标准差。值越大,阴影越模糊。仅非负值有效,默认值为 0。

TypeOptional
number | stringYes

color

阴影颜色,默认为 black(黑色)。

TypeOptional
colorYes

使用此属性的属性