CSS repeating-conic-gradient() 函数
更多“自己尝试”的例子见下文。
定义和用法
repeating-conic-gradient() 函数用于重复圆锥渐变。
版本 | CSS3 |
---|
浏览器支持
表中数字表示该函数完全支持的第一个浏览器版本。
函数 | |||||
---|---|---|---|---|---|
repeating-conic-gradient() | 69.0 | 79.0 | 83.0 | 12.1 | 56.0 |
CSS 语法
background-image: repeating-conic-gradient([from 角度] [at 位置,] 颜色 角度, 颜色 角度, ...);
值 | 描述 |
---|---|
from 角度 | 可选。整个圆锥渐变将围绕此角度旋转。默认值为 0deg |
at 位置 | 可选。指定圆锥渐变的中心。默认值为 center |
颜色 角度, ..., 颜色 角度 | 颜色停点是您希望平滑过渡的颜色。此值包含一个颜色值,后跟一个可选的停点位置(一个介于 0 和 360 之间的角度或一个介于 0% 和 100% 之间的百分比)。 |
更多示例
示例
带有定义的颜色开始和颜色停止点的重复圆锥渐变
#grad {
background-image: repeating-conic-gradient(red 0deg 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}
自己动手试一试 »
相关页面
CSS 教程:CSS 渐变