Wie kann ich mit JavaScript -Ereignissen synchronisiert mit CSS -Animationen umgehen? [geschlossen] ⇐ JavaScript

[Anonymous]

Ich arbeite an einem Projekt, bei dem ich eine CSS -Animation als Antwort auf ein JavaScript -Ereignis auslösen muss, aber ich starte Probleme, bei denen die Animation entweder nicht richtig ausgelöst wird und mehrmals spielt, wenn es nur einmal passieren sollte. Das Problem ist, dass die Animation auch nach dem Auslöser des Ereignisses weiter gespielt wird, und ich muss nur einmal per Klicken ausgeführt werden. Ich hatte erwartet, dass die Katze auf dem ersten Klick nur einmal skaliert wird und nicht wiederholt, aber stattdessen wird die Animation jedes Mal, wenn ich klicke