CSS 径向渐变
CSS 径向渐变
径向渐变由其中心定义。
要创建径向渐变，您还必须定义至少两个颜色停止点。
句法
背景图像：径向渐变（形状大小 在 位置、起始颜色、...、最后颜色);
默认情况下，形状为椭圆形，尺寸为最远角，位置为中心。
径向渐变 - 均匀分布的颜色停止点（这是默认设置）
下面的示例展示了颜色停止点间距均匀的径向渐变：
径向渐变 - 不同间距的颜色停止点
下面的示例展示了具有不同间距颜色停止点的径向渐变：
设置形状
shape 参数定义形状。其值可以是圆形或椭圆形。默认值为椭圆形。
下面的示例展示了一个圆形的径向渐变：
使用不同大小的关键字
size 参数定义渐变的大小。它可以采用四个值：
- 最近侧
- 最远的一侧
- 最近角
- 最远的角落
例子
具有不同大小关键字的径向渐变：
#grad1 {
背景图像：径向渐变（最接近侧 60% 55%、红色、黄色、黑色）；
}
#毕业2 {
背景图像：径向渐变（最远侧 60% 55%，红色，黄色，黑色）；
}
亲自尝试 »
重复径向渐变
repeating-radial-gradient() 函数用于重复径向渐变：
