的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)