animation-timing-function:

Beschreibung:

  • Art und Weise (Funktion) des Animationsverlaufs

Werte:

  • linear: gleichbleibende Geschwindigkeit
  • ease: langsamer beschleunigen und enden
  • ease-in: langsamer startend
  • ease-out: langsamer endend
  • ease-in-out: langsamer startend und endend
  • cubic-bezier(n,n,n,n): Spezielle parametrisierbare Funktion

Beispiele:

Hinweis: Die Animation muss vor einem erneuten Starten zurückgesetzt werden!

Nützliche Links