Funguo za CSS repeating-linear-gradient()
- Tangazo la kwanza Funksheni ya CSS repeating-conic-gradient()
- Tangazo la mbele Funksheni ya CSS repeating-radial-gradient()
- Retunza kufikia ukubwa wa juu Kitabu cha Mafanikio cha Kivungu cha Kivungu cha Kifungu cha CSS
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%); }
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%); }
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
- Tangazo la kwanza Funksheni ya CSS repeating-conic-gradient()
- Tangazo la mbele Funksheni ya CSS repeating-radial-gradient()
- Retunza kufikia ukubwa wa juu Kitabu cha Mafanikio cha Kivungu cha Kivungu cha Kifungu cha CSS