המאפיין transition-duration מגדיר כמה זמן בשניות (s) או אלפיות שניה (ms) לוקח לאפקט המעבר להשלים
דוגמא: הגדרת משך מעבר
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| 5s | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |