如何製作此線性梯度跨瀏覽器？

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 center，to botom）前綴;
• 角度現在從圓頂部的0開始，順時針旋轉。

當您省略前綴時，MSIE10將支持新語法。