המאפיין animation-direction מגדיר סדר הפעלת אנימציה קדימה אחורה או במחזוריות חלופית
דוגמא: שנה סדר הפעלת האנימציה
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| alternate | ✔️ | ✔️ | ✔️ | ✔️ |
| normal | ✔️ | ✔️ | ✔️ | ✔️ |
| reverse | ✔️ | ✔️ | ✔️ | ✔️ |
| alternate-reverse | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |