css3基础---线性渐变linear-gradient
线性渐变
为了创建一个线性渐变，你需要设置一个起始点和一个方向（指定为一个角度）。你还要定义终止色。终止色就是你想让浏览器去平滑的过渡过去，并且你必须指定至少两种，当然也会可以指定更多的颜色去创建更复杂的渐变效果。
-默认从上到下发生渐变
linear-gradient(red,blue);
-改变渐变方向：（top bottom left right）
linear-gradient(to 结束的方向,red,blue);
-使用角度
linear-gradient(角度,red,blue);
?
-颜色节点的分布（第一个不写为0%，最后一个不写为100%）
linear-gradient(red 长度或者百分比,blue 长度或者百分比);
-重复渐变(可选属性)
repeating-linear-gradient(60deg,red 0,blue 30%);
原文：https://www.cnblogs.com/leiyanting/p/14977725.html