這些類型的漸變可以在CSS中完成嗎？

Question

我見過的CSS漸變屬性，並想知道如果這些類型的漸變可以完成與羅盤或香草CSS瀏覽器？我似乎無法弄清楚如何去做。

Answer 1

是的，他們可以：

background: rgb(252,215,51); 
background: -moz-linear-gradient(top, rgba(252,215,51,1) 50%, rgba(246,185,51,1) 50%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,rgba(252,215,51,1)), color-stop(50%,rgba(246,185,51,1))); 
background: -webkit-linear-gradient(top, rgba(252,215,51,1) 50%,rgba(246,185,51,1) 50%); 
background: -o-linear-gradient(top, rgba(252,215,51,1) 50%,rgba(246,185,51,1) 50%); 
background: -ms-linear-gradient(top, rgba(252,215,51,1) 50%,rgba(246,185,51,1) 50%); 
background: linear-gradient(to bottom, rgba(252,215,51,1) 50%,rgba(246,185,51,1) 50%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcd733', endColorstr='#f6b933',GradientType=0); 

這是工作：http://jsfiddle.net/KueLJ/1/

注意：在使用http://www.colorzilla.com/gradient-editor/

Answer 2

我強烈推薦這個漸變編輯器：

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

您可以輕鬆地做了一些使用CSS的不同和複雜的梯度。

Answer 3

一個非常簡單，乾淨，方便的解決方案和指南針產生：http://codepen.io/anon/pen/HCexj