CSS radial-gradient()

语法：

 = radial-gradient([ [  ||  ] [ at  ]? , | at , ]?[ ,  ]+)

 = [ ① | ① | left | center① | right ]? [ ② | ② | top | center② | bottom ]?

 = circle | ellipse

 =  | [  ||  ]

 = closest-side | closest-corner | farthest-side | farthest-corner

 = 

 = [  |  ]{2}

 =  | 

 =  [  |  ]?

---

取值：

确定圆心的位置。如果提供2个参数，第一个表示横坐标，第二个表示纵坐标；如果只提供一个，第二值默认为50%，即center

①：用百分比指定径向渐变圆心的横坐标值。可以为负值。

①：用长度值指定径向渐变圆心的横坐标值。可以为负值。

left：设置左边为径向渐变圆心的横坐标值。

center①：设置中间为径向渐变圆心的横坐标值。

right：设置右边为径向渐变圆心的横坐标值。

②：用百分比指定径向渐变圆心的纵坐标值。可以为负值。

②：用长度值指定径向渐变圆心的纵坐标值。可以为负值。

top：设置顶部为径向渐变圆心的纵坐标值。

center②：设置中间为径向渐变圆心的纵坐标值。

bottom：设置底部为径向渐变圆心的纵坐标值。

确定圆的类型

circle：指定圆形的径向渐变

ellipse：指定椭圆形的径向渐变。

circle | ellipse 都接受该值作为 size

closest-side：指定径向渐变的半径长度为从圆心到离圆心最近的边

closest-corner：指定径向渐变的半径长度为从圆心到离圆心最近的角

farthest-side：指定径向渐变的半径长度为从圆心到离圆心最远的边

farthest-corner：指定径向渐变的半径长度为从圆心到离圆心最远的角

circle 接受该值作为 size

：用长度值指定正圆径向渐变的半径长度。不允许负值。

ellipse 接受该值作为 size

：用长度值指定椭圆径向渐变的横向或纵向半径长度。不允许负值。

：用百分比指定椭圆径向渐变的横向或纵向半径长度。不允许负值。

用于指定渐变的起止颜色：

：指定颜色。

：用长度值指定起止色位置。不允许负值

：用百分比指定起止色位置。不允许负值

---

说明：

用径向渐变创建图像。

---

兼容性：

• 浅绿 = 支持
• 红色 = 不支持
• 粉色 = 部分支持