CSS: Transition hover effects examples (IE10+)

transition

/* specify property to change, and duration 
transition: property duration timing-function delay;
Set on NORMAL state, not hover;
*/
/* shorthand */
-webkit-transition: all 0.3s ease-out; 
        transition: all 0.3s ease-out; 

/* multiple transitions */
transition: background 0.2s ease, padding 0.8s linear;

/* explicit */
transition-property: width;
transition-duration: 1s;
transition-timing-function: linear; /* ease, linear, ease-in, ease-out, ease-in-out, etc */
transition-delay: 2s;
-webkit-transition-property:width;
-webkit-transition-duration:1s;
-webkit-transition-timing-function:linear;
-webkit-transition-delay:2s;