2011-05-23 138 views
2

我试图寻找一种方式来淡入渐变背景。 我已经使用了颜色插件,我可以淡化单色背景,或JqueryUI,可以突出背景,但我找不到淡入淡出渐变背景的方法。任何人有任何想法如何做到这一点?jquery淡入淡出渐变背景

.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。

感谢

+0

我不认为这是可能的,尽管你可以有一个div /元素在另一个之上并淡出它。 – 2011-05-23 12:34:06

回答

1

WebKit是不是有相当尚未。但看起来他们已经走得很远了。

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

最近COMMITED感兴趣的变更表。

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

一种解决方法可以是使用从透明变淡的颜色的梯度。把它放在一个非渐变的元素之上,你可以在其中实际执行一个彩色动画。这就是说,我不确定那会满足你的需求。