CSS invert() ဖိုင်

ဖော်ပြ နှင့် အသုံးပြု

CSS အချက်အလက် invert() ပြောင်းလဲသည် အပြောင်းလဲသည် ပုံ အရောင် အကျိုးသက်မှု သုံးစွဲ

• ပြောင်းလဲသည် အပြောင်းလဲသည် ပုံ အရောင် အကျိုးသက်မှု သုံးစွဲ
• 100% (1) သည် ပုံ အရောင် အပြောင်းလဲ ပြီး

အမှတ် 0 (0) သည် အကျိုးသက်မှု မရှိ

အမှတ် 1

ပြောင်းလဲသည် ပုံ အရောင်

#img1 {
  filter: invert(0.3);
}
#img2 {
  filter: invert(70%);
}
#img3 {
  filter: invert(100%);
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

အမှတ် 2

သုံးစွဲ invert() နှင့် backdrop-filter အခြေအနေ အဖွဲ့အစည်း

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: invert(100%);
  backdrop-filter: invert(100%);
  padding: 20px;
  margin: 30px;
  font-weight: bold;
}

ကိုယ်တိုင် ကြိုးစားကြည့်ပါ

CSS ဘာသာပြန်လည်သုံးစွဲသည်

invert(amount)

နည်းပါး အချက်အလက်

ဘာသာပြန်လည်သုံးစွဲသည် အကြောင်း

အခြေအနေ စာရင်းတွင် ဖော်ပြသည် သည် ထို ဖိုင် ကို ပထမဆုံး လုံလောက်သည် ဘာသာစကား ဘာသာပြန်လည်သုံးစွဲသည် ဘာသာပြန်လည်သုံးစွဲသည် ပုံစံ

လုံလောက်သည် စာမျက်နှာ

参考：စီအစုစုံ filter အခွင့်အရေး

参考：CSS ပြိုကွဲ () ဖိုင်

参考：CSS လောင်းအား () ဖိုင်

参考：CSS ပြောင်းလဲသည် () ဖိုင်

参考：CSS ပေါက်ကွဲသည် () ဖိုင်

参考：CSS ကြောက်ကြောက် () ဖိုင်

参考：CSS လောင်းအား လှည့်ပြန် () ဖိုင်

参考：CSS ကိုယ်ဝါ () ဖိုင်

参考：CSS ပြောင်းလဲသည် () ဖိုင်

参考：CSS sepia() 函数