CSS backdrop-filter 属性

အသုံးပြုနည်း နှင့် အသုံးပြု

backdrop-filter သုံးသပ် အား အရွေးအချာ အတွင်း ပုံစံ ကူညီ

အကြောင်းကြားအကျိုးသတ္တိ မြင်ရန် အရွေးအချာ သို့မဟုတ် အခြောက် အချိုး အပြင်း သည် မရှိဘဲ ဖြစ်စေနိုင်

အရွေးအချာ အပေါ်တွင် ပရိုဂရမ် အကျိုးသတ္တိ ပြုလုပ်

div.transbox {
  background-color: rgba(255, 255, 255, 0.4);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}

backdrop-filter: none|filter|initial|inherit;

ပြောင်းလဲ	ဖော်ပြ
none	မည်သည်မှ
filter	သုံးသပ် သဘောတရား စာရင်း ကို အကြားပေါ်မှ လွှတ် blur() brightness() contrast() drop-shadow() grayscale() hue-rotate() invert() opacity() sepia() saturate() သို့မဟုတ် SVG ပြောင်းလဲကြောင်း အား ဆက်သွယ်
initial	သုံးသပ် ပုံစံ ကို သုံး initial。
inherit	ဖြစ်ပေါ်စေသော အဖွဲ့ဝင် ကို ပြန်လည်ပေး inherit。

မည်သည်မှ	none
ကူညီ	ထို့ပြင်
လှည့်ပြီး သုံးပြီး	ကူညီလှည့်ပြီး သုံးသပ်。
ပုံစံ	CSS3
JavaScript လိုင်းဘာသာ	object.style.backdropFilter="grayscale(100%)"

အော်ဂန်တာများ တွင် နေရာများ ကို ပထမဆုံး ပြည့်စုံအောင် ကူညီခဲ့သော ပုံစံအား ကိုးကွယ်

ပြင်ပ် -webkit- ပြင်ပ်ချက် နေရာများ ကို ပထမဆုံး ကူညီခဲ့သော ပုံစံသည်

ခရမ်း	အိန်ဂျယ်	ဖက်ဖ့်	ဆိုဖ်ဖီ	အိုပီယာ
76	79	103	9 -webkit-	63

ညှိနိုင်ခြင်းစက်ပယ် အမှတ်