Discussion :

[WillouDoe]

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

[NoSmoking]

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.

[WillouDoe]

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 ?

[NoSmoking]

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.