J'ai un problème difficile d'animation CSS3 que je ne sais même pas comment aborder
il y a <#box> avec une animation css3 appliquée. Lorsque cette animation se termine, un nouvel événement webkitAnimationEnd ajoute une nouvelle classe à <#box> qui déclenche une deuxième animation. À la fin de cette deuxième animation, un autre événement webkitAnimationEnd ajoute une autre classe à <#box> qui déclenche une troisième animation, etc. etc...
C’est ce que j’ai jusqu’à présent. Je ne savais pas comment appliquer les différents écouteurs d’événements à différentes animations - http://jsfiddle.net/lesballard/uFbUj/15/
Est-ce seulement possible? (Désolé total noob ici)
Merci d'avance -Les
Réponses:
0 pour la réponse № 1Il n'est pas non plus possible de souscrire des écouteurs qui ne seraient déclenchés que par des animations définies par des classes css spécifiques, et cela n'est pas nécessaire non plus.
Vous n'avez besoin que d'un seul écouteur d'événement qui, lorsqu'il est déclenché, supprime la classe actuelle et en ajoute une autre.
Cela peut être fait avec un mécanisme de mise en file d'attente simple, tout ce dont vous avez besoin est un tableau de noms de classes et un index qui augmente / diminue lorsque l'événement de fin d'animation est déclenché.