jQuery animate div 背景颜色渐变？

Question

我正在尝试使用 jQuery 构建一个背景动画，它从一个渐变变为另一个渐变。我知道您可以使用 .animate() 函数来更改纯色背景颜色，但这也可以用于渐变吗？

这是一些旧 Digg 风格评论中的一个很好的例子。我想做这样的事情，从绿色到黄色的动画

Answer 1

使用 jQuery 制作背景动画绝对是可行的，如 CodePen 中所示(不是我的创作，但非常流畅): http://codepen.io/quasimondo/pen/lDdrF

CodePen 示例使用一些巧妙的位移和其他技巧来确定颜色，但他只是定义了一个函数 (updateGradient) 来修改背景的 CSS，然后将其包装在 setInterval 中。

updateGradient 的最大收获如下:

 $('#gradient').css({
     background: "-webkit-gradient(linear, left top, right top, from("+color1+"),
   to("+color2+"))"}).css({
     background: "-moz-linear-gradient(left, "+color1+" 0%, "+color2+" 100%)"});

然后只需动态设置颜色变量即可。