အကောင်းဆုံးအခမဲ့ CSS ရောင်စဉ်တန်းထုတ်လုပ်သူ
တည်ဆောက် linear နှင့် radial CSS gradients တစ်ခုအသက်ရှင် preview နဲ့ - နောက်ခံ code ကိုကူးယူ။
100% အခမဲ့
မှတ်ပုံတင်ခြင်းမရှိပါ
ရေတံဆိပ်မရှိ
✨
Go Pro for the best AI models - image, video and chat - plus bigger uploads, တန်းစီအဆင့်အတန်းနှင့်စောင့်ဆိုင်းခြင်းမရှိပါ။
Pro ကို Upgrade
ချစ်ခြင်းမေတ္တာ Best.Free? မျှဝေပါ
လုပ်ဆောင်ပုံ
- အမျိုးအစားကိုရွေးပါ. လိုင်းကျတဲ့ ရောင်စဉ်တန်းအတွက် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက် သို့မဟုတ် ညာဘက်
- အရောင်များနဲ့ ရပ်တန့်ချက်များကို ရွေးပါ. အရောင်နှစ်ခု ဒါမှမဟုတ် ပိုများတဲ့ အရောင်တွေကို သတ်မှတ်ပြီး သူတို့ရဲ့ နေရာတွေကို သတ်မှတ်ပါ။ Advanced options ထဲမှာ တတိယ ရပ်နားမှု တစ်ခုကို ထည့်သွင်းပါ။
- CSS ကို မိတ္တူကူးပါ. Hit Copy CSS ကိုနှင့်သင်၏ stylesheet ထဲသို့နောက်ခံ gradient ကို paste.
ကိရိယာအကြောင်း
CSS gradient တစ်ခုကို မျက်စိဖြင့် တည်ဆောက်ပါ။ linear နှင့် radial ကြား switch, linear gradient အတွက် angle ကိုဆွဲပြီး full-width preview bar update လုပ်နေစဉ်အနည်းဆုံးနှစ်ရပ်နားရန်အတွက် အရောင်များနှင့် နေရာများကို ရွေးချယ်ပါ။ သင့် stylesheet ထဲသို့ တိုက်ရိုက် ကူးယူနိုင်သော နောက်ခံ property ကို ရရှိလာသော။ Advanced options များ တွင် ချမ်းသာကြွယ်ဝသော ရောနှောမှုအတွက် တတိယ အရောင်ရပ်နားမှု ထည့်သွင်းပြီး radial gradient များအတွက် စက်ဝိုင်း သို့မဟုတ် အီလက်ထရွန်ပုံသဏ္ဍာန် ရွေးပေးသည်။
လူတွေဘာအတွက်သုံးပါသလဲ
- ခေါင်းဆောင် သို့မဟုတ် ပိုင်း နောက်ခံ ရောင်စဉ်တန်းကို ဒီဇိုင်းထုတ်ပါ
- ကလစ်ခလုတ် ဒါမှမဟုတ် ကဒ်ပြား ရောင်စဉ်တန်း ဖြည့်ခြင်းကို ဖန်တီးပါ
- အမှတ်တံဆိပ် အရောင် နှစ်ခု ဒါမှမဟုတ် သုံးခုကို ချောမွေ့စွာ ရောနှောပါ
- စက်ဝန်း ရောင်ခြည်ပြာ ဒါမှမဟုတ် ရုပ်ပုံ သက်ရောက်မှုကို ထုတ်လုပ်ပါ
မေးလေ့ရှိသောမေးခွန်းများ
ရွေးချယ်ထားတဲ့ ရှုထောင့်မှာ မှန်ကန်တဲ့ လိုင်းတစ်ကြောင်းနဲ့ အတူ ပေါင်းစပ်ထားတဲ့ linear gradient တစ်ခု၊ စက်ဝိုင်း ဒါမှမဟုတ် အီလက်ထရွန် အဖြစ် အတွင်းပိုင်း အချက်တစ်ခုကနေ အပြင်ဘက်ကို ပေါင်းစပ်ထားတဲ့ radial gradient တစ်ခု။
linear gradient အတွက် angle ဟာ ရောနှောမှုရဲ့ direction ကို သတ်မှတ်ပေးပါတယ်။0° ဟာ bottom-to-top, 90° left-to-right, and so on ဖြစ်ပါတယ်။
ရပ်နားချက်တိုင်းဟာ ရောင်စဉ်တန်း အတိုင်း ရာခိုင်နှုန်းတစ်ခုမှာ ထားရှိထားတဲ့ အရောင်တစ်ခုပါ၊ ရပ်နားချက်တစ်ခုကို ရွှေ့လိုက်ရင် အဲဒီအရောင် နေရာယူထားတဲ့ နေရာနဲ့ ရောစပ်မှုဟာ ဘယ်လောက် ပြင်းထန်သလဲကို ပြောင်းလဲသွားတယ်။
ဟုတ်ကဲ့။ အရောင်စုံ ရောစပ်မှုအတွက် ပထမနဲ့ နောက်ဆုံး အရောင်ကြားမှာ ထည့်သွင်းထားတဲ့ တတိယ အရောင်ရပ်နားမှု တစ်ခုကို ပေါင်းထည့်ဖို့ Advanced options ကို ဖွင့်ပါ
ဟုတ်ကဲ့. အရောင်များနှင့်ရပ်တန့်သည်သင်၏ browser တွင်တစ်ဦး CSS string ကိုအတွင်းပိုင်းသို့ပြောင်းသွားကြသည်။
လုံးဝအခမဲ့, အကောင့်မရှိနှင့်အကနင်းမရှိ - မီတာဘာမှမရှိဘဲ client-side tool ကို.
ဟုတ်ကဲ့. ဒါဟာသင့်ရဲ့ browser မှာ runs, ဒါကြောင့်CSS Gradient Generator ကိုဖုန်းများနှင့်တက်ဘလက်များကဲ့သို့ desktop ပေါ်မှာအလုပ်လုပ်တယ် - install လုပ်ဖို့ app ကိုမရှိ.
CSS Gradient Generator ကိုသင်ကသင့်ရဲ့ input ကိုပေးတဲ့အချိန်မှာအလုပ်လုပ်ဖို့စတင်.
အများပြည်သူအတွက် မြန်ဆန်စွာ အသုံးပြုနိုင်ရန် ပေးအပ်ထားသော လွတ်လပ်သော အသုံးပြုခွင့် စည်းမျဉ်းများအောက်တွင် အသုံးပြုခြင်းသည် အခွင့်အရေးမရှိပါ။
CSS Gradient Generator ကိုသင်အရင်ကအသုံးပြုနေတဲ့ browser ကိုကျော် installed ဘာမှလိုအပ်.