Javascript 如何使用单色设置元素背景动画

我正在制作这个演示。是否可以使用jQuery animate更改元素的背景色

$（'#更改'）。在（'click'，函数（）{
$（'body'）.animate（{背景：'rgba（0,0,0,0.4）}，300）；
});

更改BG
我可以提供一个替代方案吗？有很多jQuery插件可以做这类事情，但对于您正在做的事情来说，这是一个巨大的过度杀伤力

背景，更具体地说，
Background color
可以通过CSS设置动画，因此我建议使用如下转换属性：


HTML:

CSS:

可能重复的
$("#change").click(function(){
  $("body").addClass("green");
})

body{
  transition: background 1s;
}

body.green{
  background:green;
}