Simple Animation using Transitions

transition: property duration easing startDelay; /* short hand */

transition-property (note: You can use the constant All for this property)

transition-duration

transition-timing-function

transition-delay

	-webkit-transition: all 750ms ease-in-out;
	-moz-transition: all 750ms ease-in-out;
	-o-transition: all 750ms ease-in-out;
	transition: all 750ms ease-in-out;

Place the transition property in the rule you want the transition to apply to. Say you want a hyperlink to have a transition on both the mouse in (:hover) and mouse out (:link) then you will have to place the transition property in both rules.

For more information, see All you need to know about CSS Transitions or Using CSS transitions.