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

//编辑 你必须解决这个问题，因为它不可能是自动取款机。

制作固定位置全宽全高的div

给他们所有你想要的颜色，然后淡入淡出

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

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

//以下是非渐变背景我意识到这不适用于渐变抱歉

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