CSS blur() လုပ်ငန်း

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

CSS ၏ blur() ပြင်ဆင် လုပ်ငန်း အရာဝတ္တု အတွက် ဖုံးပုံလောင်း လုပ်ငန်း အသုံးပြုသည်။ အတ္ထုပါ အတွက် အချက်အလက် အတ္ထုပါ အတွက် ဖုံးပုံလောင်း လုပ်ငန်း အတန်အတိုက် ပြည့်စုံသည်

အတ္ထုပါ အတွက် အချက်အလက် မပြောကြားခင် အချက်အလက် မူကျပ် ၀ အသုံးပြုသည်

အမှတ်

အမှတ် ၁

<h1> နှင့် <img> အရာဝတ္တု အတွက် မတူညီသော ဖုံးပုံလောင်း လုပ်ငန်း အသုံးပြုပါ

h1 {
  filter: blur(2px);
}
#img1 {
  filter: blur(2px);
}
#img2 {
  filter: blur(6px);
}

ကိုယ်တိုင် ကျင်းပမည်

အမှတ် ၂

ဖုံးပုံလောင်း နောက်ခံ ကို ဖွဲ့စည်းပေးမည်:

img.background {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: -1;
  filter: blur(35px);
}

ကိုယ်တိုင် ကျင်းပမည်

CSS လုပ်ငန်းစကား

blur(radius)

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

ဘူးတီးဘား ထောက်ပံ့

စာတမ်းအရ လုပ်ငန်းကို အပြည့်အဝေး ထောက်ပံ့သော ဘူးတီးဘား ကန်ပြိုင်စာများ

လုပ်ငန်းပေါ်

参考：စက်ရုံး filter လက်ရှိန်း

参考：CSS brightness() ကိုယ်လက်ရေး

参考：CSS စွမ်းအား() လုပ်ငန်း

参考：CSS ဖုံးပုံလောင်း() လုပ်ငန်း

参考：CSS ကြောက်ကြောက်() လုပ်ငန်း

参考：CSS လောက်လုပ်() လုပ်ငန်း

参考：CSS ပြန်ပြန်လည်() လုပ်ငန်း

参考：CSS သဘောတူ() လုပ်ငန်း

参考：CSS saturate() 函数

参考：CSS sepia() 函数