HTML and CSS Reference
In-Depth Information
Name
transition-property
Values:
none
|
all
| [ <IDENT> ] [ ',' <IDENT> ]*
Initial value:
all
Applies to:
All elements plus the
::before
and
::after
pseudo-elements
Inherited:
No
Computed value:
Same as declared value
Description:
Defines one or more properties that are transitioned from one state to another; for example,
color
means that the foreground color of an element is transitioned from the start color to the
finish color. If a shorthand property is declared, the transition parameters meant for that prop-
erty are propagated to all the properties represented by the shorthand.
The keyword
all
means all properties are transitioned. The keyword
none
prevents any prop-
erties from being transitioned, effectively shutting down the transition.
Examples:
a[href]:hover {transition-property: color;}
h1 {transition-property: all;}