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:
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s834d64c225dfb243/image/i20a5d2ab2919dbcb/version/1498232390/image.png)
![](https://image.jimcdn.com/app/cms/image/transf/none/path/s834d64c225dfb243/image/icaa2e3eab2cb350c/version/1498232398/image.png)
Hinweis: Die Animation muss vor einem erneuten Starten zurückgesetzt werden!