css3有两种渐变效果：
线性渐变（Linear Gradients）- 向下/向上/向左/向右/对角方向
径向渐变（Radial Gradients）- 由它们的中心定义
从上到下线性渐变background-image: linear-gradient(#e66465, #9198e5);
从左到右线性渐变
background-image: linear-gradient(to right, red , yellow);
对角线性渐变background-image: linear-gradient(to bottom right, red, yellow);
