CSS3 线性渐变使用方法

 1、语法

background: linear-gradient(起始方向，颜色1，颜色2，颜色3...);

background: -webkit-linear-gradient（left,red,blue）;

• 注意：使用时必须添加浏览器私有前缀。
•  默认方向是top，自上而下渐变。
• 颜色无要求，可写多个颜色。

2、方向可以写对角线渐变：

 background: -webkit-linear-gradient(left top, red, blue);

 如：左上至右下