filter property

filter property သည် နောက်ခံပုံတစ်ခုအား အနုပညာစတိုင်လ် (သို့မဟုတ်) filter တစ်ခုခု သတ်မှတ်ပေးပါသည်။ ၎င်း property သည် filter function ဖြင့် ဖွဲ့စည်းထားသော အနုပညာစတိုင်များ၏ အမည်များကို (သို့မဟုတ်) none (ရွေးချယ်ထားသော filter ကို ပယ်ဖျက်ခြင်း) ကို တန်ဖိုးအဖြစ် လက်ခံနိုင်ပါသည်။

Syntax

cssselector {
  filter: artistic_style or none;
}

Example

ကျွန်ုပ်တို့၏ ပုံအတွက် အနက်ဖြူ filter တစ်ခုသတ်မှတ်ပြီး၊ mouse hover လုပ်သောအခါတွင် ၎င်းကို ပယ်ဖျက်ကြည့်ရအောင်။

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

css#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