CSS 径向渐变

CSS径向渐变（radial-gradient）可以创建从一个中心点开始向外扩散的渐变效果。其基本语法如下：




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

下面是一个使用CSS径向渐变的例子：




/* 创建一个从中心点开始的圆形渐变，从蓝色过渡到红色 */
div {
  width: 200px;
  height: 200px;
  background-image: radial-gradient(circle, blue, red);
}

这段代码会创建一个div元素，其背景是一个从中心点开始的圆形蓝色到红色的径向渐变。