CSS3 transitions

CSS3 transitions For richer user interfaces it is often desirable to include some animation to make an effect more appealing. CSS3 Transitions allows property changes in CSS values to occur in animations over a specified duration.
The transition-property property specifies the name of the CSS property to which the transition is applied.
A value of ‘none’ means that no property will transition. A value of ‘all’ means that every property that is able to undergo a transition will do so. Otherwise, a list of properties to be transitioned is given.
The transition-duration property specifies how long the transition from the old value to the new value should take.
By default the value is ‘0’, meaning that the transition is immediate (there will be no animation).
The transition-timing-function property describes how the intermediate values used during a transition will be calculated.
The timing functions have the following definitions: ease, linear, ease-in, ease-out, and ease-in-out.
The transition-delay property defines when the transition will start. It allows a transition to begin execution some period of time from when it is applied.
A value of ‘0’ means the transition will execute as soon as the property is changed. Otherwise, the value specifies an offset from the moment the property is changed, and the transition will delay execution by that offset.
The transition shorthand property combines the four properties described above into a single property.CSS3 transitions