CSS中的径向渐变(radial gradient)是一种用于创建渐变背景的样式属性。径向渐变从一个中心点向外辐射状地渐变到另一个颜色或透明度。它可以用于各种元素,如盒子、文本或背景图像,以添加视觉效果和美观度。
使用径向渐变,你可以定义一个或多个颜色断点,每个断点指定了渐变的颜色和位置。渐变可以是线性的,也可以是径向的。
以下是一个示例,演示了如何使用径向渐变创建一个从中心向外扩散的背景:
div {background: radial-gradient(circle, yellow, orange);}
在上面的示例中,radial-gradient
函数用于创建径向渐变背景。circle
参数指定了渐变的形状为圆形,你还可以使用ellipse
来定义一个椭圆形的渐变。yellow
和orange</