css线性渐变效果

linear-gradient() 函数表示两种颜色或多种颜色的渐变

/* 从上到下，蓝色渐变到红色 */
backgound-image: linear-gradient(blue, red)
/* 渐变轴为45度，从蓝色渐变到红色 */
background-image: linear-gradient(45deg, blue, red)
/* 从右下到左上，从蓝色渐变到红色 */
background-image: linear-gradient(to left top, blue, red)
/* 从下到上，从蓝色开始渐变，到高度40% 是绿色渐变的开始，最后以红色结束*/
background-image: linear-gradient(0deg, blue, green 40%, red);