✔️ transition-duration CSS Style Property

המאפיין transition-duration מגדיר כמה זמן בשניות (s) או אלפיות שניה (ms) לוקח לאפקט המעבר להשלים

דוגמא: הגדרת משך מעבר

Demo Panel:

CSS: 111

HTML: 222

Syntax:

transition-duration: time | initial | inherit;

Valid values:

revert, revert-layer, unset, inherit, initial

Units: s, ms

Js Syntax: element.style.transitionDuration

תאימות דפדפנים

transition-duration
הערך שנבדק	Chrome	Firefox	EdgeC	Opera
5s	✔️	✔️	✔️	✔️
revert	✔️	✔️	✔️	✔️
revert-layer	✔️	✔️	✔️	✔️
unset	✔️	✔️	✔️	✔️
inherit	✔️	✔️	✔️	✔️
initial	✔️	✔️	✔️	✔️