| [ Web Proxy ] |
| Viewing: https://developer.mozilla.org/fr/docs/Web/API/KeyframeEffect/setKeyframes | [Back] [Original] |
Get to know MDN better
Cette page a t traduite partir de l'anglais par la communaut. Vous pouvez contribuer en rejoignant la communaut francophone sur MDN Web Docs.
Cette fonctionnalit est bien tablie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2020.
La mthode setKeyframes() de l'interface KeyframeEffect remplace les images cls qui composent le KeyframeEffect concern par un nouvel ensemble d'images cls.
setKeyframes(keyframes)
keyframesUn objet d'image cl (keyframe) ou null. Si dfini sur null, les images cls sont remplaces par une squence d'images cls vides.
Plus d'informations sur le format d'un objet image-cl.
Aucune (undefined).
| Exception | Explication |
|---|---|
TypeError |
Une ou plusieurs des images cls n'taient pas du bon type d'objet, les images cls n'taient pas grossirement tries par dcalage (angl.), ou une image cl existait avec un dcalage infrieur 0 ou suprieur 1. |
Note :
Si les images cls ne peuvent pas tre traites ou sont mal formes, les images cls du KeyframeEffect ne sont pas modifies.
// passage d'un tableau d'objets image-cl
existingKeyframeEffect.setKeyframes([
{ color: "blue" },
{ color: "green", left: "10px" },
]);
// passage d'un objet avec des tableaux pour les valeurs
existingKeyframeEffect.setKeyframes({
color: ["blue", "green"],
left: ["0", "10px"],
});
// passage d'un objet un seul membre
existingKeyframeEffect.setKeyframes({
color: "blue",
});
| Spcification |
|---|
| Web Animations # dom-keyframeeffect-setkeyframes |
Cette page a t modifie le 17 sept. 2025 par les contributeurices du MDN.
KeyframeEffectCertaines parties de ce contenu sont protges par le droit d'auteur 19982026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.
| Web Proxy Viewer | New URL | Original Page |