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 angle] [at position,] color degree, color degree, ...);
| 值 | 描述 |
|---|---|
| from angle | 可选。整个圆锥渐变将按此角度旋转。默认值为 0deg |
| at position | 可选。指定圆锥渐变的渐变中心。默认值为 center |
| color degree, ..., color degree | 颜色停止点是您想要在其中渲染平滑过渡的颜色。此值由一个颜色值后跟一个可选的停止位置（0 到 360 度之间的角度或 0% 到 100% 之间的百分比）组成。 |
更多示例
示例
具有定义的颜色起点和颜色停止点的重复圆锥渐变
#grad {
background-image: repeating-conic-gradient(red 0deg 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}
亲自试一试 »
相关页面
CSS 教程：CSS 渐变
