animation
Transformation und Bewegung
Spielt Keyframes ab; Name, Dauer und Wiederholung in einer Zeile.
| Schreibweise | animation: none; |
|---|---|
| Gängige Werte | none, spin 1s linear infinite |
| Vererbt | Nein — sie endet hier |
| Setzt zugleich | animation-name, animation-duration, animation-timing-function, animation-iteration-count |
| Kategorie | Transformation und Bewegung |
So liest man das
- Eine vererbte Eigenschaft schreibt man einmal am Elternelement — alle Kinder übernehmen sie. Die meisten Texteigenschaften sind so.
- Eine Kurzschreibweise setzt Weggelassenes zurück. Nur background: red löscht auch ein zuvor gesetztes Hintergrundbild.
- Kollidieren Regeln, gewinnt der spezifischere Selektor; erst bei gleicher Spezifität zählt die Reihenfolge.
- Animieren Sie transform und opacity — das bleibt flüssig. width oder top zwingt zur Neuberechnung des Layouts.
Häufige Fragen
Q. Was ist die CSS-Eigenschaft animation?
Spielt Keyframes ab; Name, Dauer und Wiederholung in einer Zeile.
Q. Wie schreibt man animation?
Als animation: none; Gängige Werte sind none, spin 1s linear infinite.
Q. Wird animation vererbt?
Nein. Sie gilt nur dort, wo sie steht — jedes Element braucht seine eigene Angabe.
Q. Was setzt die Kurzform animation?
animation-name, animation-duration, animation-timing-function, animation-iteration-count — Weggelassenes fällt auf den Standard zurück.