CSS repeating-linear-gradient() ပုဂ္ဂိုလ်ရေး

အသုံးချင်း နှင့် အဆိုပါအသုံးပြုခြင်း

CSS repeating-linear-gradient() ပြောင်းလဲသော အစီအစဉ် ပြောင်းလဲသည့် ပုံစံ အသုံးပြုသော ပုဂ္ဂိုလ်ရေး

အကျိုးသတ်မှတ်ချက်:

实例

အမှတ် 1

ပြန်ပြန် လက်ခံ သည့် အရောင် ပြောင်းလဲ တစ်ခု

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

ကိုယ်တိုင် ကြိုးစားကြည့်

အမှတ် 2

မတူညီ သော ပြန်ပြန် လက်ခံ သည့် အရောင် ပြောင်းလဲ

#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%);
}

ကိုယ်တိုင် ကြိုးစားကြည့်

CSS အပြောင်းအလဲ

repeating-linear-gradient(angle to side-or-corner, color-stop1, color-stop2, ...);

နည်းပါး အချက်အလက်

ဘူးသား အပြောင်းအလဲ

အခြေအနေ စာရင်းတွင် ဖော်ပြထားသော စာလုံးများ သည် အပြောင်းအလဲ အပိုင်းအခြား အသုံးပြုသည့် ဘူးသား ပြင်ဘာ ပြီး ပထမဆုံး အပြောင်းအလဲ ပြုလုပ်ထားသော ဘူးသား ကို ဖော်ပြသည်。

ပါးပါးသော စာမျက်နှာ

ပါးပါးသော စာအုပ်CSS ပြောင်းလဲသည့် အရောင်

参考：CSS background-image ဗဟိုအခြေခံ

参考：CSS conic-gradient() ပုံစံ

参考：CSS linear-gradient() ပုံစံ

参考：CSS radial-gradient() ပုံစံ

参考：စက်ပိုင်ဆိုင်ရာ repeating-conic-gradient() ကုသမှု

参考：စက်ပိုင်ဆိုင်ရာ repeating-radial-gradient() ကုသမှု