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