Skip to Main Content
CSS: The Definitive Guide, 5. Auflage
book

CSS: The Definitive Guide, 5. Auflage

by Eric Meyer, Estelle Weyl
September 2024
Intermediate to advanced content levelIntermediate to advanced
1128 pages
32h 49m
German
O'Reilly Media, Inc.
Book available
Content preview from CSS: The Definitive Guide, 5. Auflage

Kapitel 19. Animation

Diese Arbeit wurde mithilfe von KI übersetzt. Wir freuen uns über dein Feedback und deine Kommentare: translation-feedback@oreilly.com

CSS Übergänge, die im vorherigen Kapitel behandelt wurden, ermöglichen einfache Animationen, die durch Änderungen im DOM-Zustand ausgelöst werden und von einem Anfangszustand zu einem Endzustand führen. CSS-Animationen ähneln den Übergängen insofern, als sich die Werte von CSS-Eigenschaften im Laufe der Zeit ändern, aber Animationen bieten viel mehr Kontrolle über die Art und Weise, wie diese Änderungen stattfinden. Mit CSS-Keyframe-Animationen können wir entscheiden, ob und wie eine Animation wiederholt wird, wir können genau steuern, was während der Animation passiert und vieles mehr. Während Übergänge implizite Eigenschaftswertänderungen auslösen, werden Animationen explizit ausgeführt, wenn Keyframe-Animationen angewendet werden.

Mit CSS-Animationen kannst du Eigenschaftswerte ändern, die nicht Teil des festgelegten Vor- oder Nachzustandes eines Elements sind. Die Eigenschaftswerte, die für das animierte Element festgelegt werden, müssen nicht unbedingt Teil des Animationsverlaufs sein. Wenn du zum Beispiel einen Übergang von Schwarz zu Weiß verwendest, werden nur die verschiedenen Grautöne animiert. Bei der Animation muss das gleiche Element während der Animation weder schwarz noch weiß sein und auch nicht zwischen den Grautönen liegen.

Du kannst zwar durch Grautöne gehen, aber du könntest das Element auch gelb machen ...

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Start your free trial

You might also like

JavaScript Schnelleinstieg - Dynamische Webseiten programmieren in 14 Tagen

JavaScript Schnelleinstieg - Dynamische Webseiten programmieren in 14 Tagen

Ulrike Häßler
Windows® 2000 Active Directory™

Windows® 2000 Active Directory™

Edgar Brovick, Doug Hauger, William C. Wade

Publisher Resources

ISBN: 9781098184254Supplemental Content