The ‘ transition-duration ’ property defines the length of time that a transition takes. Name: transition-duration Value: <time> [, <time> ]* Initial: 0s Applies to: all elements, :before and :after pseudo elements Inherited: no Animatable: no Percentages: N/A Media: interactive Computed value: Same as specified value. Canonical order: per grammar This property specifies how long the transition from the old value to the new value should take. By default the value is ‘ 0s ’, meaning that the transition is immediate (. there will be no animation). A negative value for ‘ transition-duration ’ renders the declaration invalid.