CSS3漸變褪色

Question

我一直依靠優秀的colorzilla漸變工具來創建我的跨瀏覽器友好漸變CSS - 但它正在努力重新創建已在某些瀏覽器中工作的現有漸變。我無法完全得到供應商前綴和回退的正確組合，以使其當前在整個板上可靠地工作。

現有的CSS（對於FF /鉻工作）爲：

background: radial-gradient(ellipse farthest-corner at center top , #00B9E6 0%, #00B9E6 38%, #003766 68%) repeat fixed 0 0 transparent; 

誰能給出的這個最佳的訂單/變化一些指針與供應商前綴等，以允許它在所有現代瀏覽器的工作？

Answer 1

我測試了這一點，並在你想讓所有現代瀏覽器上運行。但是，如果你想在大多數瀏覽器（包括舊）的支持，我建議CSS3填充工具。對於CSS的梯度電流支持發現here。

background: -webkit-radial-gradient(ellipse farthest-corner at center top , #00B9E6 0%, #00B9E6 38%, #003766 68%) repeat fixed 0 0 transparent; 
background: -moz-radial-gradient(ellipse farthest-corner at center top , #00B9E6 0%, #00B9E6 38%, #003766 68%) repeat fixed 0 0 transparent; 
background: -o-radial-gradient(ellipse farthest-corner at center top , #00B9E6 0%, #00B9E6 38%, #003766 68%) repeat fixed 0 0 transparent; 
background: radial-gradient(ellipse farthest-corner at center top , #00B9E6 0%, #00B9E6 38%, #003766 68%) repeat fixed 0 0 transparent; 

你也可以，如果你想避免重複-moz，-o，-webkit縮寫使用less。