Animar backgroundColor y color con jQuery

Para animar el color del background de un elemento html, el color de los bordes o el color de un texto, podemos hacerlo mediante el plugin jQuery jquery.color.js.


A continuación algunos ejemplos de uso:

$('#background')
   .hover(function(){
   $(this).animate({ backgroundColor: "#00aadd" }, 600);
});

$("#background2").hover(function() {
   $(this).animate({ backgroundColor: "#00aadd",color:"green" }, 600);
          },function() {
   $(this).animate({ backgroundColor: "#303030",color:"#ffffff" }, 400);
})

$('#background3') .hover(function(){ 
  $(this).animate({ color: "#00aadd" }, 600); },function() { 
  $(this).animate({ color: "#303030" }, 400); 
});

Los ejemplos en funcionamiento:

pasa el raton por encima

pasa el raton por encima

pasa el raton por encima del texto

Aquí esta el link para la descarga del plugin.