如何制作这种线性渐变跨浏览器？

Question

background: -moz-linear-gradient(center bottom , #303030, #3A3A3A) repeat scroll 0 0 transparent;

我试过background:-webkit-linear-gradient (center bottom , #303030, #3A3A3A) repeat scroll 0 0 transparent;           对于铬，但它没有用。同样对于IE，我尝试ms-linear-gradient使用相同的值，它也不起作用。

Answer 1

这里有一个很好的工具可用于生成渐变的css：

http://www.colorzilla.com/gradient-editor/

对于其他css3，您可以使用： http://www.css3generator.com/

Answer 2

使用this awesome gradient app或使用css3please.com。

Answer 3

知道linear-gradient语法最近发生了变化：

• 起点（center，bottom）的关键字已更改为终点，前缀为“to”关键字（to center，to botom）;
• 角度现在从圆顶开始为0并顺时针方向移动。

当您省略前缀时，MSIE10将支持新语法。