Funguo za CSS repeating-linear-gradient()

uchaguzi na matumizi

CSS repeating-linear-gradient() mfano wa kifunzo kilichotumika kuzingatia mawingu wa kina kina.

mivuno:

mawingu wa kina kina mivuno wa kuzingatia mawingu wa kina kina
linear-gradient(ahogo, kijivu, aliyekani); repeating-linear-gradient(ahogo, kijivu 10%, aliyekani 20%);

mivuno

Maelezo 1

Muungano wa kina wa kurepeo:

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

Tafuta kwa urahisi

Maelezo 2

Muungano wa muungano wa kina wa kurepeo

#grad1 {
  background-image: repeating-linear-gradient(45deg, red, blue 7%, green 10%);
}
#grad2 {
  background-image: repeating-linear-gradient(190deg, red, blue 7%, green 10%);
}
#grad3 {
  background-image: repeating-linear-gradient(90deg, red, blue 7%, green 10%);
}

Tafuta kwa urahisi

Inasababu ya CSS

repeating-linear-gradient(angle to side-or-corner, color-stop1, color-stop2, ...);
Thamani Inasajiliwa kwa sababu inayotazama
angle Inadefiniwa miongo wa muungano wa kina. Kuanzia 0deg hadi 360deg. Inayowekwa kwa default 180deg.
side-or-corner

Inadefiniwa upeo wa chaguo cha muungano.

Ni kwa mikikuu mawili: mmoja inaeleza muundo wa kimoja (left au right), mmoja mwingine inaeleza muundo wa kima (top au bottom).

Utu wa uadilifu haufwahilika, na kila jina ni chaguo.

color-stop1, color-stop2,...

Pendekezo za rangi ni rangi ambazo unataka iweze kuonekana kwenye kina hiki kwa ajili ya uharibifu wa rangi.

Hivyo ni thamani kwa rangi na kwa yaliyopita au kwa mbili kwa chaguo (kiasi cha 0% hadi 100% kwenye kina ya muungano au kiwango cha msaada kwenye misingi wa muungano).

Vifaa vya habari vya teknolojia

Safarini: CSS Images Module Level 3

Kukamilika kwa vifaa vya kusoma kwa kina

Ina数字 za kufaa kwa vifaa vya kusoma kwa kina vya programu vya uwanja wa kwanza wa kufaa kwa programu hii.

Chrome Edge Firefox Safari Opera
repeating-linear-gradient()
26 10 16 6.1 12.1
Pendekezo za rangi za mizigo mawili
71 79 64 12.1 58

Paeja za muhimu

Mafunzo:Muungano wa rangi wa CSS

Tazama:Mafanikio ya Kivungu cha Kifungu cha Kifunguni cha CSS ya background-image

Tazama:Faaifo la conic-gradient() la CSS

Tazama:Faaifo la linear-gradient() la CSS

Tazama:Faaifo la radial-gradient() la CSS

Tazama:Funksheni ya CSS repeating-conic-gradient()

Tazama:Funksheni ya CSS repeating-radial-gradient()