filter property
filter property သည်
နောက်ခံပုံတစ်ခုအား အနုပညာစတိုင်လ် (သို့မဟုတ်) filter တစ်ခုခု သတ်မှတ်ပေးပါသည်။ ၎င်း property သည်
filter function ဖြင့် ဖွဲ့စည်းထားသော အနုပညာစတိုင်များ၏ အမည်များကို (သို့မဟုတ်) none (ရွေးချယ်ထားသော filter ကို ပယ်ဖျက်ခြင်း) ကို တန်ဖိုးအဖြစ် လက်ခံနိုင်ပါသည်။
Syntax
selector {
filter: artistic_style or none;
}
Example
ကျွန်ုပ်တို့၏ ပုံအတွက် အနက်ဖြူ filter တစ်ခုသတ်မှတ်ပြီး၊ mouse hover လုပ်သောအခါတွင် ၎င်းကို ပယ်ဖျက်ကြည့်ရအောင်။
<div id="elem"></div>
#elem {
filter: grayscale(100%);
background: url("bg.png") center / cover no-repeat;
width: 400px;
height: 300px;
border: 1px solid black;
}
#elem:hover {
filter: none;
}
:
See also
-
backgroundproperty,
အရာ၏ နောက်ခံအတွက် အတိုကောက် property တစ်ခုဖြစ်သည်။ -
blurfunction,
အရာ၏ နောက်ခံကို မှုန်ဝါးစေပါသည်။ -
brightnessfunction,
အရာ၏ နောက်ခံ၏ အလင်းပြင်းအားကို သတ်မှတ်ပေးပါသည်။ -
contrastfunction,
အရာ၏ နောက်ခံ၏ ကွာဟချက်ကို သတ်မှတ်ပေးပါသည်။ -
drop-shadowfunction,
အရာ၏ နောက်ခံအတွက် အရိပ်ကို သတ်မှတ်ပေးပါသည်။ -
hue-rotatefunction,
အရာ၏ နောက်ခံ၏ အရောင်အသွေးကို သတ်မှတ်ပေးပါသည်။ -
invertfunction,
အရာ၏ နောက်ခံ၏ အရောင်များကို ပြောင်းပြန်လှန်ပေးပါသည်။ -
opacityfunction,
အရာ၏ နောက်ခံ၏ အလင်းပေါက်မှုကို သတ်မှတ်ပေးပါသည်။ -
sepiafunction,
အရာ၏ နောက်ခံကို sepia (မီးခိုးရောင်ဆန်သော အညိုရောင်) အဖြစ် ပြောင်းလဲပေးပါသည်။
