KeyframeEffect : la propriété composite
Baseline
Widely available
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis septembre 2022.
La propriété composite de l'interface KeyframeEffect détermine comment l'animation d'un élément agit sur ses valeurs de propriété sous-jacentes.
Valeur
Pour comprendre ces valeurs, prenons l'exemple d'un keyframeEffect ayant pour valeur blur(2) appliqué sur une valeur de propriété sous-jacente blur(3).
replace-
Le
keyframeEffectremplace la valeur sous-jacente avec laquelle il est combiné :blur(2)remplaceblur(3). add-
Le
keyframeEffectest ajouté à la valeur sous-jacente avec laquelle il est combiné (dit additif) :blur(2) blur(3). accumulate-
Le
keyframeEffectest accumulé à la valeur sous-jacente :blur(5).
Spécifications
| Specification |
|---|
| Web Animations # dom-keyframeeffect-composite |
Compatibilité des navigateurs
Voir aussi
- L'API Web Animations
- Propriétés des objets
KeyframeEffect - L'entrée du glossaire Opération composite