2011-05-23 133 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

一種解決方法可以是使用從透明變淡的顏色的梯度。把它放在一個非漸變的元素之上,你可以在其中實際執行一個彩色動畫。這就是說,我不確定那會滿足你的需求。