Search within TutorialsPark

CSS3 transition-duration Property


To specify the duration of a transition.


Definition and Notes.

1. The CSS3 transition-duration property specifies the length of time it take for transition to perform from start to end.

2.The default value is zero, which means that the transition is instantaneous, hence no animation is visible.Negative values will be treated as zero


Syntax:

CSS3 transition-duration property. internetexplorer safari firefox opera chrome

View in Splitscreen»

Code-Editor:

Note-You can set different time durations for different properties seperated by commas, and exactly in the order they appear.

Property Values

Value Description
time To set the time duration in seconds(s) or milliseconds(ms).

Specifications

Specs Value
Name transition
Value <time> [,<time>]*
Initial Value 0s
Applies to all elements, :before and :after pseudo elements
Javascript syntax object.style.transitionDuration="5s"
Inherited No
Computed Value Same as declared Value
Browser Support internetexplorer safari firefox opera chrome

Related Examples.