HTML and CSS Reference
In-Depth Information
Name
transition-duration
Values:
<time> [, <time>]*
Initial value:
0
Applies to:
All elements plus the
::before
and
::after
pseudo-elements
Inherited:
No
Computed value:
Same as declared value
Description:
Defines the length of time it takes for the transition to run from start to finish. The default
0
means the transition is instantaneous and no animation occurs. Negative time values are
treated as
0
.
Examples:
a[href]:hover {transition-duration: 1s;}
h1 {transition-duration: 10s;}
