是否可以使用css2生成漸變？

Question

是否有可能使用css2生成漸變？

注： - 如果沒有背景圖片

Answer 1

沒有，但這裏是最好的跨瀏覽器的方法：

background-color: #ccc; // If gradients are not supported by browser 

background-image:   linear-gradient(bottom, #ccc 0%, #ddd 100%); 
background-image:  -o-linear-gradient(bottom, #ccc 0%, #ddd 100%); 
background-image: -moz-linear-gradient(bottom, #ccc 0%, #ddd 100%); 
background-image: -webkit-linear-gradient(bottom, #ccc 0%, #ddd 100%); 
background-image:  -ms-linear-gradient(bottom, #ccc 0%, #ddd 100%); 
background-image:  -webkit-gradient(linear, left bottom, left top, color-stop(0, #ccc), color-stop(1, #ddd)); 

Answer 2

號 只有在CSS3使用純CSS，但你會發現這個有用：
http://www.colorzilla.com/gradient-editor/

它生成與很多不同的瀏覽器兼容的漸變。您只需將生成的CSS粘貼到您的工作表。 這樣你就不需要在你的背景上加載圖像。