一、CSS3 渐变效果

（1）CSS3 提供了 linear-gradient 属性实现背景颜色的渐变功能。首先，我们先看一下它的样式表，如下：

 

//两个必须参数
background-image: linear-gradient(orange,green);
//增加一个方位
background-image: linear-gradient(to top,orange,green);

通过 top、left、right、bottom 这四组实现的渐变方向有时比较单一，我们可以使用以角度单位的数值来设置方位。比如 0 度（0deg）相当于 to top；角度会沿逆时针方向随着你的角度的增加而增加。