Ich habe eine CSS3-Animation mit folgendem:
Es funktioniert einwandfrei, gut ..., ich möchte es zwischen den Schleifen warten lassen:
Animation-Start , Animation-Ende, warten (ca. 0,5s) , animation start , Ende der Animation, wait (etwa 0,5 Sekunden) ...
PS: Ich habe versucht -webkit-animation-delay , es funktioniert nicht.
Irgendwelche Hilfe?
Fügen Sie Ihrer Animationsdauer 0,5 Sekunden hinzu und erstellen Sie dann einen zusätzlichen Rahmen in keyframes , der den Rotationsbetrag nicht ändert;
Kleine Demo: kleiner Link .
Das Deaktivieren der CSS-Klasse für ein Element für eine bestimmte Zeit durch Javascript könnte Ihr Problem lösen.
%Vor%Hoffe, das hilft.
Bearbeiten: Ich habe diese Antwort aktualisiert, um den Code zu korrigieren. Sie können ein vollständig funktionierendes Beispiel auf jsfiddle sehen. Danke an @Fabrice , dass der Code nicht funktioniert hat.
Tags und Links css css3 css-animations