Jquery 渐变渐变背景答案

【问题标题】：Jquery Fade Gradient BackgroundJquery 渐变渐变背景
【发布时间】：2011-05-23 12:27:50
【问题描述】：

我正在尝试寻找一种淡化渐变背景的方法。我使用了颜色插件，我可以淡化单色背景，或者可以突出显示背景的 JqueryUI，但我找不到淡化渐变背景的方法。有人知道怎么做吗？

.bg1
    {
     background:#f39d1a;
     background:-moz-radial-gradient(50% 0% 164deg,circle closest-corner, #F39D1A, #D98C15);
     background:-webkit-gradient(radial, 50% 0, 800, 50% 0, 300, from(#DA8C16), to(#F39D1A));
    }
.bg2
    {
     background:#06327b;
     background:-moz-radial-gradient(50% 0% 164deg,circle closest-corner, #032358, #06327b);
     background:-webkit-gradient(radial, 50% 0, 800, 50% 0, 300, from(#032358), to(#06327b));
    }

示例...为具有 bg1 元素到 bg2 元素的 div 设置动画。

谢谢

【问题讨论】：

我不相信这是可能的，尽管你可以将一个 div/元素放在另一个之上并淡出它。

标签： jquery background jquery-animate fade gradient

【解决方案1】：

Webkit 还没有出现。但看起来他们已经走了很远。

https://bugs.webkit.org/show_bug.cgi?id=21725

最近提交的感兴趣的更改列表。

http://trac.webkit.org/changeset/102388

一种解决方法是使用从透明渐变为颜色的渐变。将它放在您实际上可以执行彩色动画的非渐变元素之上。也就是说，我不确定这是否能满足您的需求。

【讨论】：