Animation stopen

  • 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

    http://sebastian1012.bplaced.n…scripte/wuerfel_menue.php

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!