brightness လုပ်ဆောင်ချက်

brightness လုပ်ဆောင်ချက်သည် နောက်ခံပုံ၏ တောက်ပမှုကို ပြောင်းလဲရန် ခွင့်ပြုပါသည်။ မူလနောက်ခံ၏ တောက်ပမှုသည် 100% သို့မဟုတ် 1 တန်ဖိုးဖြင့် သတ်မှတ်ပြီး၊ ယင်းတို့ကို လျှော့ချပါက ပုံ၏ တောက်ပမှုလည်း ကျဆင်းသွားပါသည်။ အလားတူပင် တန်ဖိုးကို 100% ထက် မြင့်အောင်တင်ပါက တောက်ပမှု မြင့်တက်လာပါသည်။ အနှုတ်တန်ဖိုးများကို အသုံးမပြုပါ၊ ထို့အပြင် ဗလာတန်ဖိုးကို အလိုအလျောက် 1 အဖြစ် နားလည်ပါသည်။

ဝါကျဖွဲ့ပုံ

cssselector {
  filter: brightness(number);
}

ဥပမာ

ယခု ကျွန်ုပ်တို့၏ ပုံအတွက် တောက်ပမှုကို 20% အဖြစ် သတ်မှတ်ကြပါစို့:

html<div id="elem"></div>

css#elem {
  filter: brightness(20%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

ဥပမာ

ယခု ပုံ၏ တောက်ပမှုကို 120% အထိ တိုးမြှင့်ကြပါစို့:

html<div id="elem"></div>

css#elem {
  filter: brightness(120%);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

ဥပမာ

ယခု ကျွန်ုပ်တို့၏ ပုံအတွက် မူလ တောက်ပမှုကို သတ်မှတ်ကြပါစို့:

html<div id="elem"></div>

css#elem {
  filter: brightness(1);
  background: url("bg.png") center / cover no-repeat;
  width: 400px;
  height: 300px;
  border: 1px solid black;
}

Результат:

ဤသည်ကိုလည်း ကြည့်ပါ