CSS hsla() သဘောတူ
- အရှေ့ဆုံး စားပွဲ
- နောက်ဆုံး စားပွဲ
- အဆင်းပြင် အရပ်ထိုး CSS ပြောင်းလဲ စာအုပ်
အမှတ်အသား
အတွက် အမြောက်အမြား အရောင် ဖြစ်သော အတွက် အမြောက်အမြား အမြင့်ကြောင်း ဖော်ပြထားသည်:
#p1 {background-color:hsla(120,100%,50%,0.3);} /* အဖြူ */ #p2 {background-color:hsla(120,100%,75%,0.3);} /* သန်းချိုသော အဖြူ */ #p3 {background-color:hsla(120,100%,25%,0.3);} /* ရှိန်ချိုသော အဖြူ */ #p4 {background-color:hsla(120,60%,70%,0.3);} /* ငွေဟင်းအဖြူ */
ဖော်ပြခြင်း နှင့် အသုံးပြုခြင်း
hsla() သဘောတူ သည် Hue-saturation-lightness-alpha ဖိုင် (HSLA) ကို အရောင် ဖော်ပြထားသည်。
HSLA အရောင်တန်း သည် HSL အရောင်တန်း ကို ဖွဲ့စည်းထား သည် - အဆိုပါ အရောင်တန်း သည် Alpha ခွဲခြားခြင်း ဖြင့် ဖြစ် ပြီး အရောင် အတွက် အမြောက်အမြား ကို ဖော်ပြသည်。
ပုံစံ: | CSS3 |
---|
ဘာသာပြန် ကူးကြောင်း
စာတမ်းတွင် ပါဝင်သော နေရာများ ကို ဖော်ပြထားသည် - အဆိုပါ သဘောတူ ကို အသုံးပြု သော အဓိက ဘာသာပြန် ဘာသာပီ ဖြစ်သည်。
သဘောတူ | |||||
---|---|---|---|---|---|
hsla() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS လိုင်းဘာသာ
hsla(hue, saturation, lightness, alpha)
အတ္ထုပ် | ဖော်ပြ |
---|---|
hue | အရောင်ရံ ပေါ်ရှိ အဆင့် (0 မှ 360 ထိ) ကို ဖော်ပြထား - 0 (သို့မဟုတ် 360) ဟူ၍ အပြင်းထန်သော အရောင် ဖြစ် ပြီး 120 ဟူ၍ အသံချိုသော အရောင် ဖြစ် ပြီး 240 ဟူ၍ အပန်းပေါ် အရောင် ဖြစ်သည်。 |
saturation | ကြော်ကြားခြင်း ကို ဖော်ပြထား သည် - 0% ဟူ၍ ဂါဝါသည် ဖြစ် ပြီး 100% ဟူ၍ ပုံမှန် အရောင်ဖြစ် (ပုံမှန် ဖြစ်သော အရောင်)。 |
lightness | အလင်းရေ အချက်အလက် ဖော်ပြသည် - 0% သည် အပြင်းအားကြီး ဖြစ်၍ 50% သည် အသားအရုပ် ဖြစ်၍ 100% သည် အရောင် မပါဘဲ ဖြစ်သည်။ |
alpha | အမှီအသား အကြီးအတင်း 0.0(အပြည့်အဖျက် အကျယ်ရှိ)နှင့် 1.0(အပြည့်အဖျက် မပါဘဲ)အကြား အင်တာနက် နှုန်း |
- အရှေ့ဆုံး စားပွဲ
- နောက်ဆုံး စားပွဲ
- အဆင်းပြင် အရပ်ထိုး CSS ပြောင်းလဲ စာအုပ်