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

    

注释:本例在 Internet Explorer 中无效。


Instanz ausführen »

Klicken Sie auf die Schaltfläche „Instanz ausführen“, um die Online-Instanz anzuzeigen