Uber cool CSS3中的线性渐变

Question

是否可以创建（没有图像），看起来很酷的线性渐变，就像在Ribbon菜单控件中看到的那样？

有没有人知道任何教程，文章资源或样品，展示/炫耀这种渐变？

Answer 1

背景渐变：

background: -moz-linear-gradient(center top , #ededed, #ededed) repeat scroll 0 0 transparent; 
border: 1px solid #e1e1e1; 
/* For WebKit (Safari, Google Chrome etc) */ 
background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ededed)); 
/* For Mozilla/Gecko (Firefox etc) */ 
background: -moz-linear-gradient(top, #ededed, #ededed); 
/* For Internet Explorer 5.5 - 7 */ 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ededed); 
/* For Internet Explorer 8 */ 
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ededed, endColorstr=#ededed)"; 

文字阴影效果：

box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); 
-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); 
-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); 
box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); 

Answer 2

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

我已经在过去使用此。这是很好的，因为它使渐变的风格，因为确切的语法还没有很好的定义。