@keyframes: Schlüsselzustände für Animationen festlegen
Anzeige Hier werben
@keyframes
Werte: String; darin: Prozentangaben, from, to
Standardwert: keinen
Kurzschreibweise: keine
Anwendbar auf: alle Elemente
CSS-Level: CSS3
Mit @keyframes lassen sich verschiedene Zustände einer CSS-Animation definieren.
Syntax
1
2
3
4
5
6
7
8 | @keyframes string {
from { ...
}
50% { ...
}
to { ...
}
}
|
@keyframes definiert hier die Schlüsselzustände der Animation mit dem Namen string. Der Grundzustand wird innerhalb von from definiert - der Schlusszustand in to. Dazwischen können mit Prozentangaben relative Zwischenzustände definiert werden.
Aufruf
Aufgerufen wir die Animation über animation-name.
1 2 3 | DIV.animation {
animation-name: string;
}
|
Auf den DIV-Kontainer wird die Animation string, die in @keyframes definiert wurde, aufgerufen.
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "@keyframes: Schlüsselzustände für Animationen festlegen" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "@keyframes: Schlüsselzustände für Animationen festlegen" hier bearbeiten.
-
hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
-
graphic, motion & web design - kernreaktor - mutter kind turnen