CSS-Animationsgenerator für faule Leute.
CSS-Animationen
CSS ermöglicht die Animation von HTML-Elementen ohne JavaScript oder Flash
In diesem Kapitel lernen Sie die folgenden Eigenschaften kennen:
- @keyframes
- Animationsname
- Animationsdauer
- Animationsverzögerung
- Animation-Iteration-Anzahl
- Animations-Richtung
- Animation-Timing-Funktion
- Animationsfüllmodus
- Animation
Browserspezifische Präfixe
Einige ältere Browser benötigen spezielle Präfixe (-webkit-), um die Animationseigenschaften zu verstehen
Was sind CSS-Animationen?
Eine Animation lässt ein Element allmählich von einem Stil zum anderen wechseln.
Sie können beliebig viele CSS-Eigenschaften ändern.
Um CSS-Animationen zu verwenden, müssen Sie zunächst einige Keyframes für die Animation angeben.
Keyframes enthalten die Stile, die das Element zu bestimmten Zeiten haben wird.
Die @keyframes-Regel
Wenn Sie CSS-Stile innerhalb der @keyframes-Regel angeben, ändert sich die Animation zu bestimmten Zeiten allmählich vom aktuellen Stil zum neuen Stil.
