CSS repeating-conic-gradient() အကိုင်းလုပ်

အသုံးချင်းနှင့် ဖော်ပြ

CSS repeating-conic-gradient() အွ数ပေါင်းအစိတ်အဆင်းကို ပြန်ပန်းရန် အကိုင်းလုပ်သည်。

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

အစိတ်အဆင်း အပြန်ပန်းအစိတ်အဆင်း
conic-gradient(red, yellow); repeating-conic-gradient(red 10%, yellow 20%);

အမှတ်အသား

ဘား 1

ပြန်လည်ဖြန့်ထုတ် အကွက်

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကျင်းပပါ

ဘား 2

အရောင် စတင်နေသည့် နှင့် အဆုံးပါဝင်ချက် ကို ဖော်ထုတ်ထားသည့် ပြန်လည်ဖြန့်ထုတ်

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကျင်းပပါ

ဘား 3

အခြား စတင်နေသည့် အကွက် နှင့် အရုပ်ပေါ် အခြေအနေ ဖြင့် ထပ်လောင်း ပြန်လည်ဖြန့်ထုတ် ဖြစ်သည့် အကြောင်းကြောင်း ကို

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

ကျွန်ုပ်ကိုယ်ဖြင့် ကျင်းပပါ

CSS အက္ခရာ

repeating-conic-gradient([from angle] position,] color degree, color degree, ... );
အချက် ဖော်ပြ
from angle

လျှပ်ပေး ပြင်းထန်

မူးမြောသဘော ကို 0deg အဖြစ် ဆိုကြသည်。

at position

လျှပ်ပေး ပြင်းထန်

မူးမြောသဘော ကို center အဖြစ် ဆိုကြသည်。

color degree, ... , color degree

အရောင် အဆုံးပါဝင်ချက် သည် သင့်တာ အရောင် အကြီးအကျယ် လျှောက်ချက် ဖြစ်သည်。

ဤ အရာ သည် အကြောင်းအရာ အရောင် နှင့် တစ်ခုခု သို့မဟုတ် နှစ်ခုခု တစ်ခုခု ကို ရွေးချယ်နိုင်သည့် အဆုံးပါဝင်ချက် (0 ထိ 360 ဒီဂရီ အိန်ဂျဆက် သို့မဟုတ် 0% ထိ 100% အစားအသာ) များ ဖြင့် ဖြစ်သည်。

နည်းပါးဆိုင်ရာ အချက်အလက်

ပုံစံ: CSS Images Module Level 4

ဘရောက်လ်သမား ထောက်ပံ့

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

ခရမ်း အက်ဂျက် ဖက်ဒရယ် ဆင်ဖူး အိုပရက်
69 79 83 12.1 56

ပါဝင်သည့်စာမျက်နှာ

ပြည်ထောင်စုံရိုးကျသည့်စာကြမ်း:CSS ပြန်လည်ဖြန့်ထုတ်

ညှိနိုင်ချက်:CSS background-image အခြေခံ

ညှိနိုင်ချက်:CSS conic-gradient() ဖော်ထုတ်လုပ်မှု

ညှိနိုင်ချက်:CSS linear-gradient() ဖော်ထုတ်လုပ်မှု

ညှိနိုင်ချက်:CSS radial-gradient() ဖော်ထုတ်လုပ်မှု

ညှိနိုင်ချက်:CSS repeating-linear-gradient() သုံးစွဲနိုင်သော အကိုးအချုပ်

ညှိနိုင်ချက်:CSS repeating-radial-gradient() ဖော်ထုတ်လုပ်မှု