CSS polygon() ပေါင်းစပ်

ဖော်ပြ နှင့် သုံးစွဲ့

CSS polygon() ပေါင်းစပ် သုံးစွဲ့ သုံးစွဲ့ ကို ဖော်ထုတ်သည်။

polygon() ပေါင်းစပ် clip-path သုံးစွဲ့ နှင့် shape-outside သုံးစွဲ့ ပေါင်းစပ်

အမှတ်အသား

လက်ရာ 1

ပုံကြမ်း ပြုလုပ်ရန်

img {
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

ကိုယ်တိုင် ကျယ်ပြန်ချင်း ရှာဖွေရန်

လက်ရာ 2

ပုံကြမ်း ပြုလုပ်ရန်

img {
  clip-path: polygon(100% 0%, 50% 50%, 100% 100%);
}

ကိုယ်တိုင် ကျယ်ပြန်ချင်း ရှာဖွေရန်

လက်ရာ 3

သုံးစွဲ့ polygon()နှင့်clip-path နှင့် shape-outside:

img {
  float: left;
  clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
  shape-outside: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}

ကိုယ်တိုင် ကျယ်ပြန်ချင်း ရှာဖွေရန်

CSS စကားဝုံ

polygon(fill-rule, length-percentage)

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

ဘူးငါး ကန် သုံးစွဲ့

အချက်အလက်များ သည် အပြောင်းအလဲ ပေါ်လစ် ပေါ် သုံးစွဲ့သော ဘူးငါး ကန် ပေါ် အပေါ် ပေါ် သုံးစွဲ့သော ဘူးငါး ကန် အချက်အလက် ဖြစ်သည်。

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

လုပ်ထုံးclip-path သုံးစွဲ့

လုပ်ထုံးshape-outside သုံးစွဲ့

လုပ်ထုံးcircle() ပုံ

လုပ်ထုံးellipse() ပုံ

လုပ်ထုံးinset() ပုံ