使用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我意识到这不适用于gradiants抱歉

<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');