Looking for css Keywords? Try Ask4Keywords

CSSAnimationen


Syntax

  • transition: <property> <duration> <timing-function> <delay>;
  • @keyframes <identifier>
  • [ [ from | to | <percentage> ] [, from | to | <percentage> ]* block ]*

Parameter

Übergang
Parameter Einzelheiten
Eigentum Entweder die CSS-Eigenschaft, auf die umgeschaltet werden soll, oder all , die alle übergangsfähigen Eigenschaften angibt.
Dauer Übergangszeit, entweder in Sekunden oder Millisekunden.
Timing-Funktion Gibt eine Funktion an, die definiert, wie Zwischenwerte für Eigenschaften berechnet werden. Übliche Werte sind ease , linear und step-end . Weitere Informationen finden Sie in der Entlastungsfunktion .
verzögern Wartezeit in Sekunden oder Millisekunden, bevor die Animation abgespielt wird.
@keyframes
[von | zu | <percentage> ] Sie können entweder eine festgelegte Zeit mit einem Prozentwert oder zwei Prozentwerte ( 10%, 20% ) für einen Zeitraum angeben, in dem die festgelegten Attribute des Keyframes festgelegt werden.
block Beliebig viele CSS-Attribute für den Keyframe.

Animationen Verwandte Beispiele