Jquery hover - Cómo hacer animación de color de fondo

Question

<div class="post_each"> 
    <h1 class="post_title">Apartamentos 1 comodo</h1> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb last" src="1.jpg"/> 
</div> 
<div class="post_each"> 
    <h1 class="post_title">Apartamentos 2 comodo</h1> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb" src="1.jpg"/> 
    <img class="thumb last" src="1.jpg"/> 
</div> 
<script type="text/javascript"> 
    $('img.thumb').hover(function { 
     $(this).animate({"background" : "white"}, 600); 
    }); 
</script> 

hover() no funciona en absoluto. Solo intento establecer el color de fondo o el tamaño del borde que se debe aumentar cuando se desplaza el mouse.

Answer 1

No se pueden animar los colores (al menos de esta manera), solo se permiten las propiedades con un valor numérico. Hay un complemento de animación de color separado que necesita agregar.

paréntesis Esa función anónima desaparece:

$('img.thumb').hover(function() { 

Answer 2

No es necesario jQuery ....

.thumb { 
background: #000; 
transition: 0.5s; 
-moz-transition: 0.5s; 
-webkit-transition: 0.5s; 
-o-transition: 0.5s;} 

.thumb:hover { 
background: #fff; 
transition: 0.5s; 
-moz-transition: 0.5s; 
-webkit-transition: 0.5s; 
-o-transition: 0.5s;} 

Demo here

Answer 3

puede utilizar plug-in de color .. reference

$('img.thumb').hover(function(){ 
    $(this).animate({ backgroundColor: 'white' }, 600); 
}); 

también puede consultar los hilos anteriores jQuery backgroundColor animation y jQuery animate backgroundColor