KeyframeEffect: composite 属性

Baseline 已广泛支持

此功能已成熟,并可在多种设备和浏览器版本上运行。自 2022 年 9 月起,所有浏览器都已支持此功能。

KeyframeEffectcomposite 属性用于解析元素的动画如何影响其底层属性值。

要理解这些值,请看一个例子:一个 keyframeEffect 的值为 blur(2),作用于一个底层属性值为 blur(3) 的元素。

replace

keyframeEffect 覆盖它所组合的底层值:blur(2) 替换 blur(3)

add (添加)

keyframeEffect 添加到它所组合的底层值(又称*累加*):blur(2) blur(3)

accumulate

keyframeEffect 累积到底层值上:blur(5)

规范

规范
Web 动画
# dom-keyframeeffect-composite

浏览器兼容性

另见