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

#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;
Related Tutorial
Follow Us #