HTML and CSS Reference
In-Depth Information
Name
transition
Values:
[<'transition-property'> || <'transition-duration'> || <'transition-timing-function'> ||
<'transition-delay'> [, [<'transition-property'> || <'transition-duration'> || <'transition-timing-
function'> || <'transition-delay'>]]*
Initial value:
Not defined for shorthand properties
Applies to:
All elements plus the ::before and ::after pseudo-elements
Inherited:
No
Computed value:
Same as declared value
Description:
A shorthand property that defines the aspects of one or more of an element's transitions from
one state to another.
Even though it is not (as of this writing) explicitly defined in the value syntax, descriptive text
in the specification defines that when two <time> values are declared, the first is the duration
and the second is the delay. If only one is declared, it defines only the duration.
Examples:
a[href]:hover {transition: color 1s 0.25s ease-in-out;}
h1 {transition: linear all 10s;}
Search WWH ::




Custom Search