CSS Clip Path Generator

အပြန်အလှန်အကျိုးပြုသော အစမ်းကြည့်ရှုမှုဖြင့် ကွန်ပြူဂွန်တည်ဆောက်ပြီး ကလစ်လမ်းကြောင်းများကို ပုံသွင်းပါ။ ဟီးရိုးပုံသဏ္ဍာန်များနှင့် ရုပ်ပုံမျက်နှာဖုံးများအတွက် အလွန်ကောင်းမွန်သည်။

CSS Clip Path Generator

Live

Shape

CSS output

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

Key capabilities

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

အသုံးပြုနည်း

ကြိုတင်သတ်မှတ်ပုံသဏ္ဍာန် သို့မဟုတ် ပေါ်လီဂံအမှတ်များကို ရွေးပါ။
အမှတ်များကို လိုအပ်သလို ချိန်ညှိပါ။
ကလစ်လမ်းကြောင်း CSS ကို ကူးယူပါ။

How this tool works

ကြိုတင်သတ်မှတ်ပုံသဏ္ဍာန် သို့မဟုတ် ပေါ်လီဂံအမှတ်များကို ရွေးပါ။
အမှတ်များကို လိုအပ်သလို ချိန်ညှိပါ။
ကလစ်လမ်းကြောင်း CSS ကို ကူးယူပါ။

Recommended settings

မူလရွေးချယ်စရာများကို ဦးစွာသုံးပါ၊ ထို့နောက် လိုအပ်ပါက ချိန်ညှိပါ။

Supported formats

Text / on-page input

File size and limits

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

Privacy

အရောင်နှင့် CSS ဂျင်နရေတာများသည် သင့်ဘရောက်ဆာတွင် လုံးလုံးလျားလျား အလုပ်လုပ်သည်။ အစမ်းကြည့်ရှုမှုများနှင့် ပြောင်းလဲမှုများသည် သင့်စတိုင်များကို ဘယ်တော့မှ အပ်လုဒ်မလုပ်ပါ။

Common use cases

သင်လိုအပ်သည့်အခါတိုင်း CSS Clip Path Generator ကိုသုံးပါ- polygon ကိုတည်ဆောက်ပြီး အပြန်အလှန်အကြိုကြည့်ရှုခြင်းဖြင့် ကလစ်လမ်းကြောင်းများကိုပုံဖော်ပါ။

Troubleshooting

ကူးထည့်ပြီးနောက် အစမ်းကြည့်ပုံသည် ကွဲပြားသည်။

သင့်စာမျက်နှာရှိ CSS တွင် ပြိုင်ဆိုင်မှုရှိမရှိစစ်ဆေးပါ (ပြန်လည်သတ်မှတ်ခြင်း၊ အမွေဆက်ခံထားသောအရောင်များ)။ ထုတ်လုပ်ထားသော စည်းမျဉ်းကို သီးခြားစတိုင်စာရွက်တစ်ခုသို့ ဦးစွာကူးယူပါ။

အမြဲမေးလေ့ရှိသောမေးခွန်းများ

၎င်းသည် ကျွန်ုပ်၏ CSS ကို အပ်လုဒ်လုပ်ပါသလား။

နံပါတ်၊ Generator နှင့် converters များသည် တိုက်ရိုက်အစမ်းကြည့်ရှုခြင်းဖြင့် သင့်ဘရောက်ဆာတွင် အလုပ်လုပ်ပါသည်။

အကောင့်တစ်ခု လိုအပ်ပါသလား။

နံပါတ်။ ကိရိယာကိုဖွင့်ပါ၊ ထိန်းချုပ်မှုများကို ပြုပြင်ပြောင်းလဲရန်နှင့် CSS ကို ကူးယူပါ။

CSS Clip Path Generator