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

解决方法可能是使用从透明渐变到颜色的渐变。将它放在非渐变元素的顶部，您可以在其上实际执行颜色动画。那就是说，我不确定这会满足你的需求。