CSS hsla() လုပ်ဆောင်ချက်
ဥပမာ
ကွဲပြားသော HSL အရောင်များကို ပွင့်လင်းမြင်သာမှုဖြင့် သတ်မှတ်ပါ-
#p1 {background-color:hsla(120,100%,50%,0.3);} /* green */
#p2 {background-color:hsla(120,100%,75%,0.3);} /* light green */
#p3 {background-color:hsla(120,100%,25%,0.3);} /* dark green */
#p4 {background-color:hsla(120,60%,70%,0.3);} /* pastel green */
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
hsla() လုပ်ဆောင်ချက်သည် Hue-saturation-lightness-alpha model (HSLA) ကို အသုံးပြု၍ အရောင်များကို သတ်မှတ်သည်။
HSLA အရောင်တန်ဖိုးများသည် အယ်လ်ဖာချန်နယ်တစ်ခုနှင့် HSL အရောင်တန်ဖိုးများ၏ တိုးချဲ့မှုတစ်ခုဖြစ်သည် - အရောင်၏ အလင်းအားကို သတ်မှတ်ပေးသည်။
ဗားရှင်း- | CSS3 |
---|
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် လုပ်ဆောင်ချက်ကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Function | |||||
---|---|---|---|---|---|
hsla() | 1.0 | 9.0 | 3.0 | 3.1 | 10.0 |
CSS Syntax
hsla(hue, saturation, lightness, alpha)
Value | Description |
---|---|
hue | Defines a degree on the color circle (from 0 to 360) - 0 (or 360) is red, 120 is green, 240 is blue |
saturation | Defines the saturation; 0% is a shade of gray and 100% is the full color (full saturation) |
lightness | Defines the lightness; 0% is black, 50% is normal, and 100% is white |
alpha | Defines the opacity as a number between 0.0 (fully transparent) and 1.0 (fully opaque) |