CSS3学习之radial-gradient（径向渐变）

转自：http://www.cnblogs.com/rainman/p/5133685.html

1、语法

径向渐变不同于线性渐变，线性渐变是从“一个方向”向“另一个方向”的颜色渐变，而径向渐变是从“一个点”向四周的颜色渐变。其语法如下：

background: radial-gradient(center, shape, size, start-color, ..., last-color);

• center：渐变起点的位置，可以为百分比，默认是图形的正中心。

• shape：渐变的形状，ellipse表示椭圆形，circle表示圆形。默认为ellipse，如果元素形状为正方形的元素，则ellipse和circle显示一样。

• size：渐变的大小，即渐变到哪里停止，它有四个值。 closest-side：最近边； farthest-side：最远边； closest-corner：最近角； farthest-corner：最远角