Как сделать анимацию цвета, как StackOverflow

Question

Вот одна ссылка, которые играют цвет анимации

Link

Даже я нужен какой-то из затемнения и исчезать из цветной анимации с помощью JQuery. Я хочу, когда пользователь нажимает кнопку, тогда мой div будет исчезать аналогично stackoverflow.

Я пробовал этот путь, но я думаю, что мой эффект близок к stackoverflow, но не тот. вот мой код, который я попытался с помощью CSS

$(window).bind('hashchange', function(event){ 
     var hash = '#'+event.fragment; 
     var originalcolor = $(hash).css('background-color'); 
     $(hash).css('background-color', 'yellow'); 
     setTimeout(function() { 
      $(hash).css('background-color', originalcolor); 
     }, 1500); 

    }); 

Answer 1

Вы можете использовать jquery.animate():

var $myElement = $('#myElement'); 
$myElement.animate({'background-color': '#F4AC01'}, 1000, function() { 
    $myElement.animate({'background-color': '#fff'}, 1000, function() { 
     console.log('Animation finish!') 
    }) 
});