前面的话 　　上篇介绍了线性渐变，本文接着介绍径向渐变的内容 定义 　　径向渐变，实际上就是椭圆渐变，圆只是一种特殊的椭圆而已。径向渐变从圆心点以椭圆形状向外扩散，渐变的实现由两部分组成：椭圆和色标。椭圆部分用来控制径向渐变的位置、大小和形状等。而色标部分包含一个颜色值和一个 ...

转自：http://www.cnblogs.com/rainman/p/5133685.html 1、语法 径向渐变不同于线性渐变，线性渐变是从“一个方向”向“另一个方向”的颜色渐变，而径向渐变是从“一个点”向四周的颜色渐变。其语法如下： center：渐变起点的位置 ...

语法 径向渐变不同于线性渐变，线性渐变是从“一个方向”向“另一个方向”的颜色渐变，而径向渐变是从“一个点”向四周的颜色渐变。其语法如下： center：渐变起点的位置，可以为百分比，默认是图形的正中心。 shape：渐变的形状，ellipse表示椭圆形，circle表示圆形 ...

　　《CSS3 经典教程系列》上篇文章介绍了 linear-gradient（线性渐变），这篇文章向大家介绍 radial-gradient（径向渐变）以及重复渐变（线性重复、径向重复）。在以前，渐变效果和阴影、圆角效果一样都是做成图片，现在 CSS3 可以直接编写 CSS 代码来实现 ...

一.线性渐变 二.径向渐变 三.重复渐变 ...

　　linear-gradient() (线性渐变)　　repeating-linear-gradient() (重复的线性渐变) 　　radial-gradient() (镜像渐变)　　repeating-radial-gradient() (重复的镜像渐变) 设置渐变 ...

径向渐变 渐变是两种或多种颜色之间的过渡，线性渐变是多种颜色沿着一条直线（渐变线）过渡，渐变的实现由渐变线和色标两部分组成，渐变线控制渐变的方向；色标控制渐变的颜色变化，色标包括颜色和位置。浏览器从每个色标的位置淡出到下一个位置，通过确定多个色标的位置可以制作多色渐变效果。 语法 ...

： radial-gradient(circle closest-side at center, red 50%, blue 100 ...