CSS3 Transition

Quando você utiliza o selector por exemplo a:hover o browser aplica imediatamente o css no elemento, mas caso você queira que isto seja mais suave, você pode utilizar transition.

Observações: é necessário utilizar os prefixos dos browsers ( -o- , -webkit-, -moz-, -ms- );


Caso você queira saber mais sobre essa feature consulte: http://html5please.com/#transitions


Os parâmetros:

transition: transition-property transition-duration transition-timing-function transition-delay

onde:

   > transition-property: propriedade que será aplicada esta feature
   > transition-duration: duração da transition; utilize ms (milisegundo) ou s (segundo)
   > transition-timing-function: como a transition deve funcionar entre o inicio e o final para cada propriedade aplicada
   > transition-delay: especifica o delay; utilize ms (milisegundo) ou s (segundo)

Exemplo:

http://dabblet.com/gist/2466225