Entwicklertools-Tipps: CSS-Animationen überprüfen und ändern
bookmark_borderbookmark
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Sofia Emelianova
Der Tab Animationen in den Chrome-Entwicklertools ist ein leistungsstarkes Tool, mit dem Sie CSS-Animationszeiten verlangsamen, wiedergeben, anpassen und die Ergebnisse sofort sehen können.
Auf dem Tab Animationen werden Animationen automatisch aufgezeichnet, übersichtlich gruppiert und Sie haben folgende Möglichkeiten:
Animationen können wiederholt und verlangsamt werden, um sie besser zu untersuchen.
Sie können Dauern, Zeitangaben und Verzögerungen anpassen, indem Sie Punkte auf einer Zeitachse ziehen, anstatt CSS-Werte manuell zu schätzen und festzulegen.
Außerdem können Sie die Zeiträume für die Übergänge bearbeiten und benutzerdefinierte cubic-bezier-Kurvenwerte mit dem Übergangseditor im Bereich Elemente > Stile festlegen. Weitere Informationen finden Sie unter Timing von Animationen und Übergängen mit dem Easing-Editor bearbeiten.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2022-08-11 (UTC)."],[],[]]