线性渐变
为了创建一个线性渐变,你需要设置一个起始点和一个方向(指定为一个角度)。 你还要定义终止色。终止色就是你想让测览器去平滑的过
渡过去,并且你必须指定至少两种,当然也会可以指定更多的颜色去创建更复杂的渐变效果。要与background-image绑定
-默认从上到下发生渐变 linear-gradient(red,blue);
-改安新变方向: ( top bottom left right) linear-gradient(to 结束的方向,red,blue);
使用角度(水平为0) linear-gradient(角度,red,blue);
-颜色节点的分布(第一个不写为0%,最后一个不写为100%) linear- gradient(red长度或者百分比,blue长度或者百分比);
-重复渐变 repeating-linear- gradient(60deg,red 0,blue 30%);