css渐变

background: linear-gradient(blue, red, green); 
 /*线性渐变：background:linear-gradient() 1.支持多颜色渐变 2.支持不同方向 to left 3.支持角度的写法 90deg*/

background: radial-gradient(red, yellow, blue);
/*径向渐变：background:radial-gradient() 1.支持渐变起点位置，可百分比，默认正中心 2.支持渐变大小，即渐变到哪结束 3.支持渐变的形状，ellipse表示椭圆，circle圆形，默认椭圆*/

background: repeating-radial-gradient(red, yellow 20%, blue 50%);
/*重复渐变 background:repeating-radial-gradient() */