KeyframeEffect: свойство composite
Свойство composite объекта KeyframeEffect определяет, как анимация элемента влияет на его базовые значения свойств.
Значение
Чтобы понять эти значения, рассмотрим пример значения keyframeEffect blur(2), работающего с базовым значением свойства blur(3).
replace-
Значение
keyframeEffectзаменяет базовое значение, с которым оно комбинируется:blur(2)заменяетblur(3). add-
Значение
keyframeEffectскладывается с базовым значением, с которым оно комбинируется (также известное как аддитивное):blur(2) blur(3). accumulate-
Значение keyframeEffect накапливается на базовом значении:
blur(5).
Спецификации
| Спецификация |
|---|
| Web Animations # dom-keyframeeffect-composite |
Совместимость с браузерами
| Рабочие столы | Мобильные устройства | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox для Android | Opera Android | Safari на iOS | Samsung Internet | WebView Android | |
composite |
84 | 84 | 80 | 71 | 16 | 84 | 80 | 60 | 16 | 14.0 | 84 |
См. также
- API анимации веб-страниц
- Свойство объектов
KeyframeEffect - Комбинированная операция
© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/KeyframeEffect/composite