အကောင်းဆုံးအခမဲ့ CSS Box ကို Shadow Generator ကို
Visually တည်ဆောက် CSS box-အရောင် သက်တမ်းတိုး preview နဲ့အတူ, inset နှင့်ဒုတိယအလွှာ - code ကိုကူးယူ.
100% အခမဲ့
မှတ်ပုံတင်ခြင်းမရှိပါ
ရေတံဆိပ်မရှိ
✨
Go Pro for the best AI models - image, video and chat - plus bigger uploads, တန်းထဲမှာအခွင့်အရေးနှင့်မစောင့်ဆိုင်း.
Pro ကို Upgrade
ချစ်ခြင်းမေတ္တာ Best.Free? မျှဝေပါ
လုပ်ဆောင်ပုံ
- ဖြတ်တောက်ချက်တွေကို ရွှေ့ပါ. အပြောင်းအလဲနဲ့ ရောင်ရမ်းမှု၊ ပျံ့နှံ့မှု၊ အရောင်နဲ့ မမြင်ရမှု သတ်မှတ်ပါ၊ အထဲမှာ အရိပ်တစ်ခု လိုချင်ရင် ထည့်သွင်းမှုကို ပြောင်းပြန်လှန်ပါ
- နမူနာကြည့်ရန်. သင်ဆွဲချလိုက်တဲ့အခါ အသက်ရှင်နေသော ဘူးသည် ပြန်လည်ပြင်ဆင်ခြင်း၊ အနက်အတွက် Advanced ရွေးချယ်စရာများ၌ ဒုတိယအလွှာတစ်ခုကို ထည့်သွင်းပါ။
- CSS ကို မိတ္တူကူးပါ. CSS ကိုကူးယူတိုက်ခိုက်နှင့်သင်၏ stylesheet ထဲသို့တိုက်ရိုက်သေတ္တာ-အရောင်စည်းမျဉ်းကို paste.
ကိရိယာအကြောင်း
pixel တန်ဖိုးတွေခန့်မှန်းခြင်းမရှိဘဲ box-အငွေ့ရောင်ဒီဇိုင်း. offset-X ကို Drag, offset-Y ကို, blur နှင့်ဖြန့်ချိ sliders, အရောင်အရောင်နှင့်၎င်း၏မမြင်နိုင်မှုမှာဖုန်းခေါ်ဆိုမှုတစ်ဦးအငွေ့ရောင် pick, နှင့်အမှန်တကယ်အချိန်တွင်တစ်ဦးအသက်ရှင် preview box ကို update ကိုကြည့်ရှု - ထို့နောက်တိကျတဲ့ box-အငွေ့ရောင် CSS ကိုကူးယူ. အတွင်းပိုင်းအငွေ့ရောင်အတွက် inset toggle ကို Flip. Advanced options ကိုတတိယအငွေ့ရောင်အလွှာတစ်ထပ်ထပ်, သငျသညျနူးညံ့သောဆောက်လုပ်နိုင်ပါတယ်, multi-layer အငွေ့ရောင်ခေတ်သစ်ကဒ်များနှင့် buttons များပေါ်တွင်အသုံးပြု. အားလုံးသင့်ရဲ့ browser မှာ runs.
လူတွေဘာအတွက်သုံးပါသလဲ
- စက္ကူနဲ့ နည်းလမ်းတွေအတွက် ချောမွေ့တဲ့ မြေသြဇာကို ပေါင်းထည့်ပါ
- သွင်းယူမှုနဲ့ တွင်းတူးမှုအတွက် အထဲမှာ (ထည့်သွင်း) အရိပ်ကို ဖန်တီးပါ
- တကယ့်အရှိတရားနဲ့ ပျံ့နှံ့နေတဲ့ အရိပ်တစ်ခုအတွက် အလွှာနှစ်ခုကို ထပ်ထည့်ပါ
- ဒီဇိုင်း ပုံစံတူနဲ့ အံကိုက်ဖြစ်စေဖို့ ပြောင်းပြန်လှန်မှုနဲ့ ဖျော့ဖျော့ကို ချိန်ညှိပါ
မေးလေ့ရှိသောမေးခွန်းများ
Offset-X / Y သည်အောက်ခြေနှင့် vertically မှအလင်းရောင်ကိုရွှေ့, blur ၎င်း၏အဆုံးကို softens, နှင့်ဖြန့်ချိကြီးထွားသို့မဟုတ်အလင်းရောင်ကိုအသုံးပြုခြင်းမပြုမီတစ်ဦးလုံးအလင်းရောင်ကို shrinkage.
Inset သည် element အတွင်းရှိ အရိပ်ကို ရေးဆွဲသည်။ inputs နှင့် toggles များအတွက် အသုံးဝင်သည်။ switching အတွက် inset toggle ကို ပြောင်းပါ။
အရောင်တစ်ခု ရွေးပြီး၊ အလင်းမမြင်ရမှု လျှောကနဲ အသုံးပြုပါ။ ကိရိယာက rgba() တန်ဖိုးကို ထုတ်ပေးတယ်။ ဒီတော့ အရိပ်ဟာ သဘာဝအတိုင်း ရောနှောသွားတယ်။
ဟုတ်ကဲ့၊ အဆင့်မြင့် ရွေးချယ်စရာများကို ဖွင့်ပြီး ၎င်း၏ ကိုယ်ပိုင် ပြောင်းပြန်လှန်မှု၊ ဖျော့ဖျော့ဖြစ်ခြင်း၊ အရောင်နှင့် ထည့်သွင်းခြင်းဖြင့် ဒုတိယ အလွှာတစ်ခုကို ဖွင့်ပါ
ဟုတ်ကဲ့. အဆိုပါ generator ကိုလုံးဝသင့်ရဲ့ browser မှာ runs; အဆိုပါ sliders ပဲတစ်ဦးCSS string ကိုဒေသခံတွက်ချက်.
လုံးဝအခမဲ့, အကောင့်မရှိနှင့်အကနင်းမရှိ - မီတာဘာမှမရှိဘဲ client-side tool ကို။
ဟုတ်ကဲ့. ဒါဟာသင့်ရဲ့ browser မှာ runs, ဒါကြောင့်CSS Box ကို Shadow Generator ကိုဖုန်းများနှင့်တက်ဘလက်များကဲ့သို့ desktop ပေါ်မှာအလုပ်လုပ်တယ် - install လုပ်ဖို့ app ကိုမရှိ.
CSS Box Shadow Generator ကိုသင်ကသင့်ရဲ့ input ကိုပေးတဲ့အချိန်မှာအလုပ်လုပ်ဖို့စတင်.
အများပြည်သူအတွက် မြန်ဆန်စွာ အသုံးပြုနိုင်ရန် ပေးအပ်ထားသော လွတ်လပ်စွာ အသုံးပြုနိုင်မှု စည်းမျဉ်းများအောက်တွင် အသုံးပြုခြင်းသည် အခွင့်အရေးမရှိပါ။
CSS Box Shadow Generator ကိုသင်အရင်ကအသုံးပြုနေတဲ့ browser ကိုကျော် install လုပ်ဖို့ဘာမှမလိုပါ.