如何做像堆栈溢出这样的彩色动画

Question

这里有一个播放彩色动画的链接

链接

甚至我需要某种淡入和淡出彩色动画与jQuery。我希望当用户单击一个按钮时，我的div会像堆栈溢出一样淡出。

我试过这样做，但我想我的效果接近堆叠溢出，但不一样。下面是我用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!')
    })
});