Discussion :

[domi65]

Bonjour.
Question toute b�te mais � laquelle je ne trouve pas de r�ponse sur le web :
Comment faire d�marrer une transition ou une animation CSS par un �v�nement JS, par exemple au clic sur un bouton.
Merci.

[amateurprg]

Salut

Par un click, alors �a veut dire que c'est du js qui va lancer l'anim css, y a que �a.
Style une boucle d'animation et tu change � l'int�rieur de la boucle le css d'un �l�ment � animer .

Ou alors j'ai pas compris ton probleme ?

[domi65]

Ou alors j'ai pas compris ton probleme ?

J'ai du mal m'exprimer.

Je veux un truc dans le genre <button onclick="demarrerAnim()">Démarrer l'animation</button> et

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
function demarrerAnim() {
  // quelque chose, mais quoi, qui démarre la transition ou l'animation déclarée dans le CSS 
}

[amateurprg]

Tu dois mettre en pause ton animation.

animation-play-state: paused;

Puis la lancer avec :

animation-play-state: running;

Tu peux en d�marrer/pauser plusieurs :

animation-play-state: paused, running, running;

[domi65]

Puis la lancer avec : animation-play-state: running;

Ok, une instruction du genre :

monElt.style.animationPlayState = 'running' ?

Merci, super, j'm'en vas essayer �a !

[domi65]

Tu dois mettre en pause ton animation.

Ta fa�on de faire fonctionne bien pour une animation.
Serais-tu comment faire avec une transition des fois ? (Ouaip, je sais, je suis exigeant).
Merci.

[Invit�]

Bonjour,

Merci de montrer ton code.