Css3 webkit gradien旧语法
我一直在试验css3径向渐变,并提出了一个好看的渐变: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转换将其压扁,如下所示:但我不推荐这种
background-image: -webkit-radial-gradient(center 110%, 80% 100%, transparent 20%, #22853D);
现在,我正在努力使它跨浏览器。对于旧的webkit gradient(‘radial’)语法,上面的等价物是什么
更新
简单地说,可以使用旧语法绘制椭圆?不幸的是,这是不可能的。您可以应用一个圆形径向渐变,然后通过css转换将其压扁,如下所示:但我不推荐这种方法 我建议您使用SVG背景,您可以在Microsoft网站上生成自己的渐变: 它覆盖了所有浏览器(Firefox3.6是它们唯一的盲点)