CSS opacity() ကုမ္ပဏီ

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

CSS opacity() ပုံစံ ကုမ္ပဏီ သည် အကျွမ်းကျွမ်း အကျိုးဆက် အကျိုးပြုမှု သတ်မှတ်ပါ

• 100%（သို့မဟုတ် 1）သည် အကျွမ်းကျွမ်းမရှိ
• 50%（သို့မဟုတ် 0.5）သည် 50% အကျွမ်းကျွမ်း သတ်မှတ်သည်
• 0%（သို့မဟုတ် 0）သည် အကျွမ်းကျွမ်းမရှိ သတ်မှတ်သည်

အကျယ်အဝန်

အမှတ် 1

ပုံ အသားပျောက် အမျိုးမျိုး ကို သတ်မှတ်ပါ

#img1 {
  filter: opacity(80%);
}
#img2 {
  filter: opacity(50%);
}
#img3 {
  filter: opacity(0.2);
}

ကျွန်တော် ကျင်းပပါ

အမှတ် 2

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

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

ကျွန်တော် ကျင်းပပါ

CSS လိုက်ပျိုး

opacity(amount)

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

ဘူးတီးနား အပြုပြင်

အခြေအနေ စာရင်းအရ ဖော်ပြထားသော စက္ခု ကို အသုံးပြုသော ဘူးတီးနား ပုံစံ ကို ပြသည်。

လုံးစိတ် စာမျက်နှာ

参考：စက်ပွဲလုံး-လေးခုလုံ� filter အခြေအနေ

参考：CSS blur() ကုမ္ပဏီ

参考：CSS brightness() ကုမ္ပဏီ

参考：CSS contrast() ကုမ္ပဏီ

参考：CSS drop-shadow() ကုမ္ပဏီ

参考：CSS grayscale() ကုမ္ပဏီ

参考：CSS hue-rotate() ကုမ္ပဏီ

参考：CSS invert() ကုမ္ပဏီ

参考：CSS saturate() 函数

参考：CSS sepia() 函数