CSS3 渐变（gradients）可以让我们实现在两个或多个指定的颜色之间显示平稳的过渡，让我们减少下载的时间和宽带的使用，并且渐变的效果在我们放大的时候效果更好。
首先呢渐变分为：
线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
径向渐变（Radial Gradients）- 由它们的中心定义
线性渐变：
1、线性渐变 - 从上到下（默认情况下）：
2、线性渐变 - 从左到右：
3、线性渐变 - 对角：
4、使用角度：
角度是指水平线和渐变线之间的角度，逆时针方向计算。换句话说，0deg 将创建一个从下到上的渐变，90deg 将创建一个从左到右的渐变。
5、重复的线性渐变：
使用repeating-linear-gradient() 函数用于重复线性渐变：
径向渐变：
语法
径向渐变 - 颜色节点均匀分布（默认情况下）：
径向渐变 - 颜色节点不均匀分布：
重复的径向渐变：
设置形状：
shape 参数定义了形状。它可以是值 circle 或 ellipse。其中，circle 表示圆形，ellipse 表示椭圆形。默认值是 ellipse
