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

invert လုပ်ဆောင်ချက်သည် နောက်ခံရုပ်ပုံအတွင်းရှိ အရောင်များကို ပြောင်းပြန်လှန်ရန် ခွင့်ပြုသည်။ 0 ဆိုသည့်တန်ဖိုးသည် ရုပ်ပုံသည် မူလအတိုင်းကျန်ရှိသည်ဟု ဆိုလိုသည်။ 100% သို့မဟုတ် 1 ဆိုသည့်တန်ဖိုးသည် နောက်ခံ၏အရောင်များကို အပြည့်အဝ ပြောင်းပြန်လှန်ပေးသည်။ ဤအတိုင်းအတာအတွင်းရှိ မည်သည့်နံပါတ်ကိုမဆို သတ်မှတ်ပါက အရောင်များကို တစ်စိတ်တစ်ပိုင်း ပြောင်းပြန်လှန်ပေးသည်။ အနုတ်တန်ဖိုးကို သတ်မှတ်၍မရပါ။ စံထားသည့်အတိုင်း တန်ဖိုးသည် 0 ဖြစ်သည်။

ဝါကျဖွဲ့စည်းပုံ

cssselector {
  filter: invert(number);
}

နမူနာ

ကျွန်ုပ်တို့၏ ရုပ်ပုံ၏ အရောင်များကို 50% တန်ဖိုးအထိ ပြောင်းပြန်လှန်ကြည့်ကြပါစို့။

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

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

Результат:

နမူနာ

ယခု ကျွန်ုပ်တို့၏ ရုပ်ပုံ၏ အရောင်များကို 100% တန်ဖိုးအထိ ပြောင်းပြန်လှန်ကြည့်ကြပါစို့။

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

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

Результат:

နမူနာ

ယခု ကျွန်ုပ်တို့ invert လုပ်ဆောင်ချက်တွင် 0 နှင့်ညီသော တန်ဖိုးကို သတ်မှတ်ကြည့်ကြပါစို့။

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

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

Результат:

ဆက်လက်လေ့လာရန်