2012-07-20 50 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