mfano CSS repeating-conic-gradient()

Ukubwa wa zamani Funguo ya repeat() katika CSS
Pya zaidi Funguo ya repeating-linear-gradient() katika CSS
Kutumia ukweli wa juu Kitabu cha Mbinu cha Funu cha CSS

maudhui na matumizi

CSS repeating-conic-gradient() mfano huzunguza mawingu wa kina zaidi kwa mara.

matokeo:

mawingu wa kina	mawingu wa kina

conic-gradient(red, yellow);	repeating-conic-gradient(red 10%, yellow 20%);

实例

例子 1

一个重复的锥形渐变：

#grad {
  background-image: repeating-conic-gradient(red 10%, yellow 20%);
}

Tukifanya kina kipengeleza hiki

例子 2

定义了颜色起点和终点的重复锥形渐变：

#grad {
  background-image: repeating-conic-gradient(red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

Tukifanya kina kipengeleza hiki

例子 3

另一个设置了起始角度和中心位置的重复锥形渐变：

#grad1 {
  background-image: repeating-conic-gradient(from 10deg at 30% 30%, red 0 30deg, yellow 30deg 60deg, blue 60deg 90deg);
}

Tukifanya kina kipengeleza hiki

Mafano ya lugha ya CSS

repeating-conic-gradient([from Chaguo cha kina kipengeleza] [at Chaguo cha kina kipengeleza,] Degree ya rangi, Degree ya rangi, ... );

Thamani	Maelezo
from Chaguo cha kina kipengeleza	Chaguo cha kina kipengeleza kinachotumika kwa kuzingatia kina kipengeleza kwa kina kipengeleza kwa kiwango cha kina kipengeleza. Chaguo cha kina kipengeleza ni 0deg.
at Chaguo cha kina kipengeleza	Chaguo cha kina kipengeleza kinachotumika kwa kuzingatia kiwango cha kina kipengeleza kwa kina kipengeleza. Chaguo cha kina kipengeleza ni center.
Degree ya rangi, ... , Degree ya rangi	Mwongozo wa rangi wa kifunguo ni rangi ambayo inahitaji kuingia katika ujenzi wa kina kipengeleza. Hivyo inaonyesha thamani za rangi na kiwango chenye chaguo kama ni kiwango cha kina kipengeleza (0 hadi 360 daraja) au na kiwango cha kina chaguo (0 hadi 100%)

Thamani

Maelezo

from Chaguo cha kina kipengeleza

Chaguo cha kina kipengeleza kinachotumika kwa kuzingatia kina kipengeleza kwa kina kipengeleza kwa kiwango cha kina kipengeleza.

Chaguo cha kina kipengeleza ni 0deg.

at Chaguo cha kina kipengeleza

Chaguo cha kina kipengeleza kinachotumika kwa kuzingatia kiwango cha kina kipengeleza kwa kina kipengeleza.

Chaguo cha kina kipengeleza ni center.

Degree ya rangi, ... , Degree ya rangi

Mwongozo wa rangi wa kifunguo ni rangi ambayo inahitaji kuingia katika ujenzi wa kina kipengeleza.

Hivyo inaonyesha thamani za rangi na kiwango chenye chaguo kama ni kiwango cha kina kipengeleza (0 hadi 360 daraja) au na kiwango cha kina chaguo (0 hadi 100%)