Animar transición de background

[madman_18]

Hola a todos!

Tengo una duda sobre cómo animar esta transición:

Código Javascript:

$(document).ready(function(){
               $('#bloque-destacado-1').hover(function(){
                   $('#bloque-destacado-1').css({'background-position':'0 -200px'},'200');
               },function(){
                  $('#bloque-destacado-1').css({'background-position':'0 0'},'200');
               });
            });
 

Me hace el cambio, pero cuando intento meter el .animate, no me funciona o no sé como ponerlo jeje.

¿Alguna ayudita? jeje Gracias!!