的jQuery + RGBA颜色动画

Question

有谁知道jQuery的可以处理像一个动画：

rgba(0,0,0,0.2) → rgba(0,255,0,0.4)

我知道有一个plugin处理色彩的动画，但是这可能是太现代？

Answer 1

恩，没关系。发现了一个惊人的修改jQuery颜色插件。

http://pioupioum.fr/sandbox/jquery-color/

Answer 2

使用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; 

DEMO：http://jsfiddle.net/2Dbrj/3/

使用jQuery

的jQuery现在支持color动画与RGBA支持。这实际上是从一种颜色到另一种颜色的动画。

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

DEMO：http://jsfiddle.net/2Dbrj/2/

Answer 3

使用jquery UI的句柄，$(object).animate({color : 'rgba(0,0,0,.2)'},500)