המאפיין scroll-timeline משמש להגדרת ציר זמן בעל שם שמניע את ההתקדמות של סרגל הגלילה במיכל. לאחר מכן מופנה השם בהצהרת ציר זמן של אנימציה כדי לציין את הרכיב של המיכל המשמש להנעת התקדמות האנימציה באמצעות פעולת הגלילה.
לחלופין, ניתן לציין את ציר הגלילה של פס הגלילה. מיקום הגלילה ההתחלתי מייצג התקדמות של 0% ומיקום הגלילה הסיום מייצג התקדמות של 100%. אם מיקום 0% ומיקום 100% חופפים (כלומר, למיכל הגלילה אין גלישה), ציר הזמן אינו פעיל.
הערה: אם האלמנט אינו מציף את המיכל שלו בממד הציר או אם הגלישה מוסתרת או נחתכת, לא ייווצר ציר זמן.
דוגמא: הגדרת ציר זמן גלילה
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| revert | ✔️ | ❌ | ✔️ | ✔️ |
| revert-layer | ✔️ | ❌ | ✔️ | ✔️ |
| unset | ✔️ | ❌ | ✔️ | ✔️ |
| inherit | ✔️ | ❌ | ✔️ | ✔️ |
| initial | ✔️ | ❌ | ✔️ | ✔️ |
| custom_name block | ❌ | ❌ | ❌ | ❌ |
| block | ❌ | ❌ | ❌ | ❌ |
| inline | ❌ | ❌ | ❌ | ❌ |
| vertical | ❌ | ❌ | ❌ | ❌ |
| horizontal | ❌ | ❌ | ❌ | ❌ |