Habe ein Menüwürfel,der sich dreht.
Die drehungen und bewegungen werden mit @keyframes über Js geteuert.
Ihr fragt euch Warum? Der Würfel kriegt andauern random bewegungen und drehungen und random Sekunden.Meines wissens geht das mit Css alleine leider nicht.
Soweit so gut.Läuft Problemlos.
Da man die Links im Würfel auch anklicken muß ,stopt der Würfel beim hovern.
Der Würfel klappt auf und stoppt.
Da ist das Problem.Wenn die Letzte Random Sekunden Zahl zb 5 Sekunden ist ,läuft die Animation noch zu Ende bevor sie zum Ziel kommt.
Habe animation-play-state:'paused' versucht was leider keine Wirkung zeigt.
Ich befürchte das geht nicht weil die Keyframes mit js eingespielt werden,weil normalerweise play-state-paused nie probleme gemacht hat.
Hat wer noch nee andere Idee einen sofortigen animations Stop beim hovern zu erzwingen
Bei 2-3 hover merkt ihr was ich meine,weil die Animation andauernd neue Zeiten bekommt