CSS3-径向渐变

径向渐变就是从一个中心点开始向四周产生渐变的效果；CSS3 中提供了实现径向渐变的 radial-gradent() 函数；使用该函数时，至少需要两个终止色。

语法：

background-image: radial-gradient(shape size at position, start-color, ..., last-color);

• shape 用于设置径向渐变的的形状；未指定渐变形状时，会根据元素的长宽比来决定渐变的形状，位置默认居中。
  • ellipse 椭圆形
  • circle 圆形
• size 渐变的大小
• position 确定圆心的位置，可以用具体数值(可为负值)、百分比(可为负值)、方位词；如果提供2个参数，第一个表示横坐标，第二个表示纵坐标；如果只提供一个，第二值默认为50%，即 center
• start-color、last-color 渐变的起止色

CSS:

div {
   
  width: 200px;
  height: