המאפיין animation-timing-function מציין את תאוצת המהירות של אנימציה.
תאוצת המהירות מגדירה את הזמן שלוקח לאנימציה לעבור מסט אחד של סגנונות CSS לאחר בצורה חלקה
דוגמא: ריק
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| linear | ✔️ | ✔️ | ✔️ | ✔️ |
| ease | ✔️ | ✔️ | ✔️ | ✔️ |
| ease-in | ✔️ | ✔️ | ✔️ | ✔️ |
| ease-out | ✔️ | ✔️ | ✔️ | ✔️ |
| ease-in-out | ✔️ | ✔️ | ✔️ | ✔️ |
| step-start | ✔️ | ✔️ | ✔️ | ✔️ |
| step-end | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |