ထုတ်လုပ်ခြင်းနည်း

ဓါတ်ပြားများအား ပုံစံကို ထပ်ပေးခြင်း အခြေခံ

CSS Filters

CSS filter ဗီဇ အကိုင်းအခြား ပုံစံကို အစိတ်အပိုင်းများ (ဖျော့ထုတ်ခြင်း နှင့် ပမာဏအကြီးအကျယ်) သို့ ထပ်ပေးခြင်း

မှတ်ချက်:Internet Explorer, Edge 12 သို့မဟုတ် Safari 5.1 နှင့် အနည်းဆုံးအဆင့် filter ဗီဇ

ဂရုပ်သုံး အများပြား

အားလုံးသော ဓါတ်ပြားများ၏ အရောင်အသားကို ဂရုပ်သုံး (100% ဂရုပ်သုံး) ဖြင့် ပြောင်းလဲပေးခြင်း

အရေးကြီးသော ဓါတ်ပြား

ဂရုပ်သုံး (100%)

img {
    -webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
}

亲自试一试

ဖျော့ထုတ်ခြင်း အများပြား

အားလုံးသော ဓါတ်ပြားများအား ဖျော့ထုတ်ခြင်း အကူအညီ

အရေးကြီးသော ဓါတ်ပြား

ဓါတ်ပြားလုံးကို ဖျော့ထုတ်ခြင်း (5 ပုံတန်း)

img {
  -webkit-filter: blur(5px); /* Safari 6.0 - 9.0 */
  filter: blur(5px);
}

亲自试一试

相关页面

参考手册：CSS filter အချက်အလက်