Englisch [freɪmz] US [freɪmz]
n Grenze; Brillengestell;
css @keyframes-Eigenschaft Syntax
Was ist @keyframes?
@keyframes ist eine CSS-Regel, mit der das Verhalten einer CSS-Animationsperiode definiert und einfache Animationen erstellt werden können.
Funktion:Mit @keyframes-Regeln können Sie Animationen erstellen.
Anleitung:Das Prinzip beim Erstellen von Animationen besteht darin, einen Satz von CSS-Stilen schrittweise in einen anderen Satz von Stilen umzuwandeln. Sie können diesen Satz CSS-Stile während der Animation mehrmals ändern. Gibt an, wann die Änderung prozentual erfolgt, oder über die Schlüsselwörter „from“ und „to“, die 0 % und 100 % entsprechen. 0 % ist die Startzeit der Animation, 100 % ist die Endzeit der Animation. Für eine optimale Browserunterstützung sollten Sie immer 0 %- und 100 %-Selektoren definieren.
Hinweis:Bitte verwenden Sie die Animationseigenschaft, um das Erscheinungsbild der Animation zu steuern und die Animation an den Selektor zu binden.
css @keyframes-Eigenschaft Beispiel
Instanz ausführen »
Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen