Pausieren zwischen Keyframe-Animationen

8

hat eine einfache Animation mit Keyframes.

%Vor%

und

%Vor%

Ist es möglich, eine Pause zwischen dieser Keyframe-Animation hinzuzufügen? Wie 5 Sekunden? Ich weiß, dass es eine -Webkit-Animation-Verzögerung gibt, aber das verzögert nur den Start der Animation.

P.S. Ich kenne nur das Webkit-Präfix ... am Ende bekomme ich es durch Präfix.

    
Denny Mueller 27.07.2012, 14:21
quelle

2 Antworten

7

Bekam einen Workaround, sieht aber etwas dreckig aus

%Vor%     
Denny Mueller 25.11.2012, 13:22
quelle
11

Nachdem ich mit diesem Problem und der Hilfe von Denny Mueller gekämpft habe, habe ich festgestellt, dass der Schlüssel darin besteht, vor 100% zu stoppen.

Sie können die Verzögerung verwenden, um mit einer Verzögerung zu beginnen, und nach der ersten Iteration ist die Verzögerung die Zeitspanne, die nach Beendigung der Animation verbleibt.

Hier ist, was ich für meine Implementierung verwendet habe:

%Vor%

Wie Sie sehen können, höre ich bei 94% auf und die verbleibenden 6% werden für das erste Bild verwendet.

    
Michiel Pater 19.08.2013 10:29
quelle

Tags und Links