CSS_渐变

线性渐变

 background: repeating-linear-gradient();

最简单的只加两个颜色，比如green，yellow，会出现上方绿色渐变为黄色，在颜色后面加空格加百分比可以控制整体比例。

如果加to right，green，yellow会出现左侧绿色渐变为黄色，参数有to bottom、to top、to right、to left、to bottom right，等等

然后是角度

background: linear-gradient(to right, rgba(255,0,0,0), rgba(255,0,0,1));

可以出现透明的渐变色。

background: repeating-linear-gradient(red, yellow 15%, green 20%);

重复的线性渐变

径向渐变

默认形状是ellipse，可以是circle，

size可以定义渐变的大小， 渐变的中心是 center（表示在中心点），渐变的形状是 ellipse（表示椭圆形），渐变的大小是 farthest-corner（表示到最远的角落）。