HTML and CSS Reference
In-Depth Information
Name
transition-delay
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 a delay between when a transition could theoretically first start and when it actually
starts. For example, if a transition is defined to begin on hover but has a delay of
0.5s
, the
transition will actually begin half a second after the element is first hovered. Negative time
values are permitted, but rather than creating a paradox, this simply jumps the transition to the
point it would have reached had it been started at the defined time offset in the past. In other
words, it will be started partway through the transition and run to its conclusion.
Examples:
a[href]:hover {transition-delay: 0.25;}
h1 {transition-delay: 0;}
