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 漸變
