Jquery 淡入淡出渐变背景

Question

我正在尝试寻找一种淡化渐变背景的方法。 我已经使用了颜色插件，我可以淡化单色背景，或者可以突出显示背景的 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 元素的 div 动画化为 bg2 元素。

谢谢

Answer 1

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

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

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

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

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