KeyframeEffect.composite

在此页

这是实验性技术
检查浏览器兼容性表格要小心谨慎在生产中使用这之前。

composite property of a KeyframeEffect resolves how an element's animation impacts its underlying property values.

// getting
var compositeEnumeration = keyframeEffect.composite;
// setting
keyframeEffect.composite = 'accumulate';

To understand these values, take the example of a keyframeEffect value of blur(2) working on an underlying property value of blur(3) .

replace: keyframeEffect overrides the underlying value it is combined with: blur(2) 替换 blur(3) .
add: keyframeEffect is 添加 to the underlying value with which it is combined (aka additive ): blur(2) blur(3) .
accumulate: The keyframeEffect is accumulated on to the underlying value: blur(5) .

规范	状态	注释
Web 动画 The definition of 'KeyframeEffect.composite' in that specification.	工作草案	编者草案。

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据