Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/41.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Can';我搞不懂这个旧的webkit CSS3渐变_Css_Webkit_Gradient - Fatal编程技术网

Can';我搞不懂这个旧的webkit CSS3渐变

Can';我搞不懂这个旧的webkit CSS3渐变,css,webkit,gradient,Css,Webkit,Gradient,因此,我发现了这段简洁的代码,它对CSS3有一些渐变效果,但只使用了旧的webkit语法 我试图让它在其他浏览器中工作,但我不知道如何将其转换为正确的语法 代码如下: 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

因此,我发现了这段简洁的代码,它对CSS3有一些渐变效果,但只使用了旧的webkit语法

我试图让它在其他浏览器中工作,但我不知道如何将其转换为正确的语法

代码如下:

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))
);
以及:


第一个是:

背景图像:线性渐变(左上,
rgba(22122122121,1)0%,
rgba(22122122121,0.01)50%,
rgba(22122122121,1)100%
);
我把第二个留给你做练习;)需要一点帮助:

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))
);