Javascript jQuery+；RGBA彩色动画

有人知道jQuery是否可以处理以下动画：

rgba(0,0,0,0.2) → rgba(0,255,0,0.4) rgba（0,0,0,0.2）→ rgba（0255,0,0.4）

---

我知道有很多方法可以处理彩色动画，但这可能太现代了？

嗯，没关系。发现jquery颜色插件有一个惊人的修改

使用CSS3动画（无javascript） 也可以使用CSS3动画实现相同的效果。见下文

步骤1:为动画创建关键帧

@keyframes color_up {
    from {
        background-color: rgba(0,0,0,0.2);
    }
    to {
        background-color: rgba(0,255,0,0.4);
    }
}

步骤2:使用动画规则

  animation-name: color_up;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-timing-function: ease-in-out;

演示：

使用jQuery jQuery现在支持动画，同时支持RGBA。这实际上是从一种颜色到另一种颜色的动画

$(selector).animate({
  backgroundColor: 'rgba(0,255,0,0.4)'
});

---

演示：

用于处理，

$（对象）。动画（{color:'rgba（0,0,0,2）}，500）

嗯，只是为了给感兴趣的人添加另一个随机的酷点。RGBA通过php图像生成跨浏览器：不幸的是，此修改版本似乎不支持现代浏览器：（这个问题的有用答案标记为重复：@DjangoReinhardt用CSS3更新了答案CSS3 JSFIDLE似乎不想在Chrome中工作。不过，谢谢！@Monk您需要添加-webkit-关键帧，请参阅更好的解决方案！！