The transition property is shorthand for the four transition functions (
transition-property,
transition-duration,
transition-timing-function &
transition-delay).
The order of the values is important and must be as follows (though you don’t need to specify all four values):
1. transition-property
2. transition-duration
3. transition-function
4. transition-delay
snippet
#ad2 h1 span {
-webkit-transition-property: -webkit-transform, color;
-moz-transition-property: -moz-transform, color;
-o-transition-property: -o-transform, color;
transition-property: transform, color;
-webkit-transition-duration: 0.2s;
-moz-transition-duration: 0.2s;
-o-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: ease-out;
-moz-transition-timing-function: ease-out;
-o-transition-timing-function: ease-out;
transition-timing-function: ease-out;
}
