Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/38.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
Css3 webkit gradien旧语法_Css_Webkit_Radial Gradients - Fatal编程技术网

Css3 webkit gradien旧语法

Css3 webkit gradien旧语法,css,webkit,radial-gradients,Css,Webkit,Radial Gradients,我一直在试验css3径向渐变,并提出了一个好看的渐变: background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D); 现在,我正在努力使它跨浏览器。对于旧的webkit gradient(‘radial’)语法,上面的等价物是什么 更新 简单地说,可以使用旧语法绘制椭圆?不幸的是,这是不可能的。您可以应用一个圆形径向渐变,然后通过css转换将其压扁,如下所示:但我不推荐这种

我一直在试验css3径向渐变,并提出了一个好看的渐变:

background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D);
现在,我正在努力使它跨浏览器。对于旧的webkit gradient(‘radial’)语法,上面的等价物是什么

更新
简单地说,可以使用旧语法绘制椭圆?

不幸的是,这是不可能的。您可以应用一个圆形径向渐变,然后通过css转换将其压扁,如下所示:但我不推荐这种方法

我建议您使用SVG背景,您可以在Microsoft网站上生成自己的渐变:

它覆盖了所有浏览器(Firefox3.6是它们唯一的盲点)