如何淡出div的背景颜色[重复]

Question

我正在尝试使 div 背景颜色淡出缓慢

html

<div class="bg">...........</div>

我用过这个jquery

$('.bg').css('backgroundColor','#dedede');
setTimeout(function(){
    $('.bg').css('backgroundColor','#ffffff'); 
}, 1000);

如何添加淡出效果？

Answer 1

您可以使用fadeOut： $('.bg').css('backgroundColor', '#dedede');

$('.bg').fadeOut(1000);

Demo

或

您可以animate:

$('.bg').animate({
    'opacity': '0'
}, 1000);

Demo

更新

$('.bg').css('backgroundColor', '#dedede');
$('.bg').animate({
    'opacity': '0.5'
}, 1000, function () {
    $('.bg').css({
        'backgroundColor': '#fff',
        'opacity': '1'
    });
});

Demo