CSS3 နှင့်အတူလျှင်မြန်စွာနှင့်လွယ်ကူစွာ Glow အကျိုးသက်ရောက်မှုထည့်သွင်းနည်းကိုလေ့လာပါ

အလေးပေးသောတစ်က်ဘ်စာမျက်နှာ Element ကိုတစ်ဦး Glow Add

သင်၏ဝဘ်စာမျက်နှာပေါ်တွင် Element တစ်ခုရဲ့မှဆက်ပြောသည်တစ်ဦးကပျော့အပြင်ဘက်အလင်းရောင်၎င်းဒြပ်စင်ကိုကြည့်ရှုသူများထွက်ရပ်တည်ရန်ကိုဖြစ်ပေါ်စေသည်။ သုံးပါ CSS3 အရေးပါသောအရာဝတ္ထုများ၏အပြင်ဘက်အနားပတ်လည်အလင်းရောင်လျှောက်ထားရန်နဲ့ HTML ။ အဆိုပါအကျိုးသက်ရောက်မှု Photoshop မှာ object တစ်ခုထည့်သွင်းကာအပြင်ဘက်အလင်းရောင်ဆင်တူသည်။

ပထမဦးစွာ Glow ဖို့ Element ကို Create

glow သက်ရောက်မှုတစ်စုံတစ်ရာအရောင်နောက်ခံပေါ်တွင်လုပ်ဆောင်နိုင်တယ်, ဒါပေမယ့်ထို့နောက်အလင်းရောင်ပိုပြီး shimmer ဟန်ကြောင့်သူတို့သည်မှောင်မိုက်နောက်ခံအပေါ်အကောင်းဆုံးကြည့်ရှုပါ။ ဒီဝိုင်း-ထောင့်စတုဂံ box ကိုဥပမာထဲမှာ, တစ်ဦး div element ကအနက်ရောင်နောက်ခံနှင့်အတူအခြား div ဒြပ်စင်ထဲတွင်နေရာဖြစ်ပါတယ်။ ပြင် div အလင်းရောင်ကတော့အဘို့မလိုအပ်ပါဘူး, ဒါပေမယ့်တကအဖြူနောက်ခံပေါ်တွင်အလင်းရောင်ကတော့ကြည့်ရှုရန်ခဲယဉ်းပါတယ်။

အဆိုပါ div တစ် Give လူတန်းစား အလင်းရောင်၏:


အဆိုပါ Element ကို၏အရွယ်အစားနှင့်အရောင် Set

သင်တစ်ဦးအလင်းရောင်နှင့်အတူန့သွားနေဒြပ်စင်ကိုရှေးခယျြပွီးနောကျ, ရှေ့ဆက်သွားနှင့် မဆိုစတိုင်များ add ထိုကဲ့သို့သောနောက်ခံအရောင်, အရွယ်အစားနှင့်စာလုံးတွေအဖြစ်ပြုလုပ်ရန်သင့်လိုချင်တယ်။ ဒီဥပမာအပြာရောင်စတုဂံဖြစ်၏ အရွယ်အစား 90px အားဖြင့် 147px ဟုသတ်မှတ်သည်, နှင့်နောက်ခံအရောင် # 1f5afe တစ်တော်ဝင်အပြာရောင်ဟုသတ်မှတ်ထားသည်။ ဒါဟာအနက်ရောင်ကွန်တိန်နာဒြပ်စင်၏အလယ်ရှိဒြပ်စင်နေရာတစ်ဦးရဲ့ margin ပါဝင်သည်။