Blur လုပ်ဆောင်ချက်

blur လုပ်ဆောင်ချက်သည် နောက်ခံပုံများကို Gaussian အရ မှုန်ဝါးစေရန် ခွင့်ပြုပေးသည်။

ဝါကျဖွဲ့စည်းပုံ

selector {
	filter: blur(blur amount);
}

ဥပမာ

ကျွန်ုပ်တို့၏ ပုံအတွက် မှုန်ဝါးမှုကို 2px အဖြစ် သတ်မှတ်ကြပါစို့။

<div id="elem"></div>

#elem {
	filter: blur(2px);
	background-blend-mode: normal;
	background: url("bg.png") center / cover no-repeat,
	linear-gradient(#00A8DE, #FFF) fixed;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

ဆက်လက်လေ့လာရန်

brightness လုပ်ဆောင်ချက်,
သည် နောက်ခံ၏ တောက်ပမှုကို သတ်မှတ်ပေးသည်
contrast လုပ်ဆောင်ချက်,
သည် နောက်ခံ၏ ကွာခြားထင်ရှားမှုကို သတ်မှတ်ပေးသည်
drop-shadow လုပ်ဆောင်ချက်,
သည် နောက်ခံအတွက် အရိပ်ကို သတ်မှတ်ပေးသည်
hue-rotate လုပ်ဆောင်ချက်,
သည် နောက်ခံ၏ အရောင်သွင်ပြင်ကို သတ်မှတ်ပေးသည်
invert လုပ်ဆောင်ချက်,
သည် နောက်ခံအရောင်များကို ပြောင်းပြန်လှန်ပေးသည်
opacity လုပ်ဆောင်ချက်,
သည် နောက်ခံ၏ အလင်းပိတ်မှုကို သတ်မှတ်ပေးသည်
sepia လုပ်ဆောင်ချက်,
သည် နောက်ခံကို sepia သို့ ပြောင်းလဲပေးသည်
background property,
သည် နောက်ခံအတွက် အတိုကောက် property တစ်ခုဖြစ်သည်
background-image property,
အသုံးပြု၍ ဘလောက်တစ်ခုကို နောက်ခံပုံတစ်ပုံ သတ်မှတ်ပေးနိုင်သည်
filter property,
သည် နောက်ခံအတွက် စတိုင်ကို သတ်မှတ်ပေးသည်