jQuery + RGBA彩色animation

有谁知道，如果jQuery可以处理一个animation，如：

  rgba（0,0,0,0.2）→rgba（0,255,0,0.4） 

我知道有一个插件来处理彩色animation，但这可能是太现代？

Answer 1

使用CSS3animation （无javascript）

你也可以使用CSS3animation达到相同的效果。 见下文，

第1步：为您的animation创build一个关键帧

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

第2步：使用animation规则。

  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现在也支持RGBA支持的彩色animation 。 这实际上是从一种颜色到另一种颜色的animation。

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

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

Answer 2

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

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

Answer 3

使用jQuery UI来处理， $(object).animate({color : 'rgba(0,0,0,.2)'},500)