CSS渐变效果的使用，线性渐变、径向渐变。

CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。
以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因为渐变（gradient）是由浏览器生成的。

1. 线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
2. 径向渐变（Radial Gradients）- 由它们的中心定义

<style>
#header{
	width: 100%;
	height: 50px;
	background: linear-gradient(to right,#5d96f7, #5db0f8 ,#60c1f8);
}
</style>

<div id="header">
</div>

简简单单实现比较和谐的情调。颜色值支持使用rgba单位，来设置渐变的透明度。

demoAddress:
http://download.csdn.net/download/china_guanq/9978329

QQ群：595377655。问题总是能出现并着手解决的地方，欢迎加入。