Manipulation KeyFrames avec Javascript

Bonjour,

Alors voilà mon problème : je voudrais, avec mon javascript, contrôler la temporalité de mes Keyframes.

En utilisant par exemple ce genre d'outils :

Code:

---

1 2 3

pre.addEventListener('click',function(){ //Définir la keyframe sur 25% par exemple },false);

---

Mais je ne trouve pas la propriété pour intéragir avec la position des keyframes, ni même comment la connaitre.

Merci :)

Bonjour,
il existe la méthode insertRule() en javascript, Bovino en parle dans Réaliser une horloge avec CSS3 et un peu de JavaScript.

La question que je me pose est : est ce que tu n'aurais pas plus vite fait de passer par des « class » gérant tes animation-name, définies dans ton CSS, et d'affecter la « class » à ton élément.

Du coup ce que tu me conseil c'est de faire une classe qui part du début, une de l'image 2, une de l'image 3 ? etc...
Et dynamiser leurs apparitions avec du Javascript ? Genre quand l'image deux est afficher la div pour allez a gauche dirige vers la classe qui commence à l'image 3 ?

Attention, ayant du mal à voir l'animation que tu cherches à faire et qui concerne visiblement plusieurs éléments, tu risques d'avoir un problème de synchronisation, quand est ce que l'animation CSS3 se termine pour lancer la suivante.