Sofia Emelianova
Der Tab Animationen in den Chrome-Entwicklertools kann verlangsamen und noch einmal wiedergeben, das Timing von CSS-Animationen anpassen und sofort die Ergebnisse sehen.
Während der Tab Animationen geöffnet ist, werden Animationen automatisch aufgezeichnet und bequem gruppiert. Hier haben Sie folgende Möglichkeiten:
- Animationen wiederholen und verlangsamen, um sie besser prüfen zu können.
- Passe die Dauer, das Timing und die Verzögerungen an, indem du Punkte auf einer Zeitachse ziehst, statt raten zu müssen und die CSS-Werte manuell festzulegen.
Außerdem können Sie mit dem Easing-Editor im Bereich Elemente > Stile die Easing-Timings bearbeiten und benutzerdefinierte cubic-bezier-Kurvenwerte festlegen. Weitere Informationen finden Sie unter Animationen und Übergänge mit dem Easing-Editor bearbeiten.
Weitere praktische Informationen finden Sie im Leitfaden CSS-Animationseffekte prüfen und ändern.