jQuery 动画径向渐变

Question

如您所见 here 我有一个径向渐变作为背景色。

现在我需要对此进行动画处理以循环处理 3 种颜色，而中心始终保持白色：

- rgb(0, 69, 142)  // Blue
- rgb(0, 143, 51)  // Green
- rgb(156, 34, 54) // Red

我有一些用于动画背景渐变的 javascript，但没有用于径向。

你能帮帮我吗？

解决方案

http://jsfiddle.net/489eL/4/

Answer 1

//编辑 你必须解决这个问题，因为它不可能 atm。

制作位置固定且全宽和全高的 Div

给它们你想要的所有颜色并淡入它们

使用 z-index 将它们设置在您的内容后面

http://jsfiddle.net/63pAt/1/

//以下是针对非渐变bgs的，我意识到这不适用于渐变对不起

<div id="bg"></div>

CSS

#bg {
-webkit-transition: background 5s ;
-moz-transition: background 5s ;
-ms-transition: background 5s ;
-o-transition: background 5s ;
transition: background 5s ;
//your gradiant styles
}


.second_state{
   //other background settings
 }

Javascript

$('#bg').addClass('second_state');