径向渐变

径向渐变

1.什么是径向渐变：
          线性渐变是从一个方向到另一个方向渐变。
          径向渐变是从一个点向四周渐变。
2.语法：
          background:radial-gradient(center,shape,size,start-color,…,last-color);
          center参数：渐变点的位置。
          top,right,bottom,left：在哪个角落
          10px 20px 离左侧10px，离上面20px。
3径向渐变的大小：
          farthest-corner：最远角（默认大小）
          farthest-side：最远边；
          closest-corner：最近角；
          closest-side：最近边;
4.说明：
          center:渐变起点的位置，可以为百分比，默认是图形的正中心。
          shape:渐变的形状，ellipse表示椭圆形，circle表示圆形，默认为ellipse，如果元素形状为正方形，则ellipse和circle显示一样。
          size:渐变的大小，即渐变到哪里停止，有4个值。