2012-07-20 47 views
0

所以,我發現這個整齊的代碼有一些漸變效果與CSS3,但只有舊的webkit語法。找不到這個舊的webkit CSS3漸變

我試圖讓它在其他瀏覽器中工作,但我無法弄清楚如何將其轉換爲正確的語法。

這是代碼:

background: -webkit-gradient(linear, left top, right top, 
     color-stop(0%,rgba(221,221,221,1)), 
     color-stop(50%,rgba(221,221,221,0.01)), 
     color-stop(100%,rgba(221,221,221,1)) 
); 

和:

background: -webkit-gradient(linear, left top, right bottom, 
    color-stop(0%,rgba(0,0,0,.1)), 
    color-stop(85%,rgba(255,255,255,0.01)), 
    color-stop(100%,rgba(255,255,255,.35)) 
); 

回答

0

第一個是:

background-image: linear-gradient(left top, 
            rgba(221,221,221,1) 0%, 
            rgba(221,221,221,0.01) 50%, 
            rgba(221,221,221,1) 100% 
           ); 

我離開的第二個作爲練習你;)尋求幫助:

The spec

Gradient Tool