首先来理解一下css3渐变的含义： css3 渐变（gradient）可以让你在两个或多个指定的颜色之间显示平稳的过渡。而渐变也分为，线性渐变，径向渐变和重复性渐变。下面我将分别具体介绍一下这几种渐变。
径向渐变由它的中心定义，径向渐变不同于线性渐变，线性渐变是从“一个方向”向“另一个方向”的颜色渐变，而径向渐变是从“一个点”向四周的颜色渐变。
说明：position：渐变起点的位置，可以为百分比，默认是图形的正中心。shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。size：渐变的大小，即渐变到哪里停止，它有四个值。 closest-side：最近边； farthest-side：最远边； closest-corner：最近角； farthest-corner：最远角。
