Kann ich mit JavaScript feststellen, wo wir in einer CSS-Keyframe-Animation prozentual sind

8

Ich habe nachgedacht. Ich weiß, dass ich erkennen kann, wann eine CSS-Animation gestartet, beendet oder wiederholt wird, indem ich auf die Animationstarts, Animationstiter, AnimationsEnd-Events lauscht (offensichtlich fehlen uns dort Browser-Präfixe), zum Beispiel:

%Vor%

Aber ich frage mich, ob es möglich ist, festzustellen, wo wir eine CSS-Animation ausführen, wie ich zum Beispiel mit dem folgenden hören könnte, wenn wir bei 50% der Keyframe-Animation sind:

%Vor%     
Mike Sav 20.07.2016, 11:33
quelle

1 Antwort

1

Hallo, Kumpel. Ich weiß nicht, ob Sie den genauen Keyframe aus einer CSS-Animation erhalten können, aber Sie können einige Mathematics verwenden, um sie zu bekommen, wie unser Partner Paulie_D vorgeschlagen hat.

In Ihrem Code ist Ihre Animation 4s lang, also ist der Keyframe 50% der Annimierung nach 2s:

%Vor%

Sie können auch verwenden (benötigt jQuery):

%Vor%

Oder:

%Vor%

Ich hoffe, es hilft dir, Kumpel.

    
Vini Antichrist 20.07.2016 14:00
quelle

Tags und Links