CSS hsla() သဘောတူ

အမှတ်အသား

အတွက် အမြောက်အမြား အရောင် ဖြစ်သော အတွက် အမြောက်အမြား အမြင့်ကြောင်း ဖော်ပြထားသည်:

#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(အပြည့်အဖျက် မပါဘဲ)အကြား အင်တာနက် နှုန်း