🎚️CSS ဖစ်တာ ဂျင်နရေတာ

filter ၏ လုပ်ဆောင်ချက်များနှင့် ယူနစ်များ

CSS ၏ filter property သည် ပုံ သို့မဟုတ် element ၏ ပုံပန်းသဏ္ဌာန်ကို အကျိုးသက်ရောက်စေသော property ဖြစ်ပြီး၊ blur၊ sepia စသည့် လုပ်ဆောင်ချက်များကို space ဖြင့် ပိုင်းခြားကာ ရေးသားသည်။

• px (ပစ်ဆယ်)：blur လုပ်ဆောင်ချက်သည် မှုန်ဝါးမှု၏ အချင်းဝက်ကို px ဖြင့် သတ်မှတ်သည့် လုပ်ဆောင်ချက်ဖြစ်ပြီး၊ 4px သတ်မှတ်ပါက အချင်းဝက် ၄ ပစ်ဆယ် အတွင်း အရောင်များ ရောနှောသွားမည်။
• % (ရာခိုင်နှုန်း)：brightness နှင့် sepia လုပ်ဆောင်ချက်များသည် အကျိုးသက်ရောက်မှု၏ အားကို % ဖြင့် သတ်မှတ်သည့် လုပ်ဆောင်ချက်များဖြစ်ပြီး၊ brightness တွင် 100% သည် မူရင်းအလင်းရောင်၊ 120% သည် ၂၀% ပိုမိုတောက်ပစေသော အခြေအနေဖြစ်သည်။
• deg (ဒီဂရီ)：hue-rotate လုပ်ဆောင်ချက်သည် အရောင်စက်ဝိုင်းပေါ်တွင် အရောင်ကို လှည့်သည့် ထောင့်ကို deg ဖြင့် သတ်မှတ်သည့် လုပ်ဆောင်ချက်ဖြစ်ပြီး၊ 180deg သတ်မှတ်ပါက အရောင်သည် ဆန့်ကျင်ဘက်အရောင်သို့ ရွှေ့ပြောင်းသွားမည်။

အဘယ့်ကြောင့် ရေးသားသည့် အစီအစဉ်ဖြင့် ရလဒ် ပြောင်းလဲသနည်း

filter တွင် စီထားသော လုပ်ဆောင်ချက်များသည် ဘယ်ဘက်မှ အစီအစဉ်အတိုင်း အသုံးချခံရပြီး၊ ယခင်အကျိုးသက်ရောက်မှုအပေါ် နောက်ထပ်အကျိုးသက်ရောက်မှု ထပ်ချလိုက်သောကြောင့် စီထားသော အစီအစဉ်ပြောင်းလဲပါက ပုံပန်းသဏ္ဌာန်လည်း ပြောင်းလဲနိုင်သည်။ ဥပမာအားဖြင့် အဖြူအမည်းပြုလုပ်ပြီးမှ sepia ချလိုက်ပါက အညိုရောင် ကျန်ရှိနေမည်ဖြစ်ပြီး၊ sepia ချပြီးမှ အဖြူအမည်းပြုလုပ်ပါက အညိုရောင် ပျောက်သွားမည်။ ဤကိရိယာတွင် အသုံးချရန် အစီအစဉ်ကို ပုံသေသတ်မှတ်ထားသော်လည်း၊ ဖန်တီးထားသော CSS ကုဒ်ကို တည်းဖြတ်ခြင်းဖြင့် အစီအစဉ်ကို ပြောင်းလဲနိုင်သည်။

backdrop-filter နှင့် ကွာခြားချက်

filter နှင့် backdrop-filter သည် တူညီသော လုပ်ဆောင်ချက်များကို အသုံးပြုနိုင်သော property များဖြစ်သော်လည်း၊ အကျိုးသက်ရောက်မှု ပေးသော ပစ်မှတ်မှာ ကွဲပြားသည်။

• filter：filter သည် သတ်မှတ်ထားသော element ကိုယ်တိုင် (ပုံ သို့မဟုတ် စာသား စသည်) ၏ ပုံပန်းသဏ္ဌာန်ကို အကျိုးသက်ရောက်စေသော property ဖြစ်သည်။
• backdrop-filter：backdrop-filter သည် သတ်မှတ်ထားသော element ၏ နောက်ကွယ်တွင် မြင်ရသော အစိတ်အပိုင်းကို အကျိုးသက်ရောက်စေသော property ဖြစ်ပြီး၊ မှုန်ဝါးသော ဖန်ကဲ့သို့ ပုံဖော်မှုများတွင် အသုံးပြုသည်။