css 利用径向渐变 画反向圆角：

径向渐变：指从一个中心点开始沿着四周产生渐变效果。

语法：

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

参数说明：

• shape：渐变的形状。

如果元素宽高相同为正方形，则ellipse和circle显示一样；

如果元素宽高不相同，默认效果为 ellipse。

• • ellipse表示椭圆形，
  • circle表示圆形。默认为ellipse，

• size：渐变的大小，即渐变到哪里停止，它有四个值。

• • closest-side：最近边；
  • farthest-side：最远边；
  • closest-corner：最近角；
  • farthest-corner：最远角。默认是最远角。

• at position：渐变的中心位置。比如：

• • at top left: 中心为元素左上角位置
  • at center center：中心为元素中心位置
  • at 5px 10px: 中心为偏移元素左上角位置右边5px， 下边10px位置。

• start-color ：起始颜色
• color ：渐变颜色，可选起始位置 stop。