径向渐变()

radial-gradient() CSS函数创建一个图像，该图像由从原点辐射的两种或多种颜色之间的渐进过渡组成，其形状可以是圆形或椭圆形。函数的结果是<gradient>数据类型的对象，此对象是一种特殊的<image>类型。

径向渐变与线性渐变不同，它从一个中心点向外扩散，形成圆形或椭圆形的渐变效果。这种渐变效果在网页设计中非常常见，可以用于创建背景、按钮效果、装饰元素等。

使用radial-gradient()函数时，你可以指定渐变的中心点、形状、大小以及颜色停止点。例如，你可以创建一个从中心向外由红色渐变到蓝色的圆形渐变，或者一个椭圆形的渐变效果。

需要注意的是，虽然径向渐变在现代浏览器中得到了广泛支持，但在一些旧版浏览器中可能需要添加前缀或者使用替代方案。此外，渐变的性能通常比纯色背景差，因此在复杂的设计中应谨慎使用。