实现了从头部开始的渐变

#grad {
  background-image: linear-gradient(red, yellow, blue);
}

定义与用法

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

标签：blue,linear,蓝色,gradient,渐变,red,CSS
来源： https://www.cnblogs.com/haokan/p/16390162.html