Filter xassəsi

filter xassəsi fon şəklinə müəyyən bədii stil və ya filter təyin edir. Xassə filter funksiyası ilə yaradılan bədii stillərin adlarını və ya none (seçilmiş filterin ləğvi) kimi dəyərlər qəbul edə bilər.

Sintaksis

cssselektor {
  filter: bədii stil və ya none;
}

Nümunə

Gəlin şəklimiz üçün qara-ağ filter təyin edək, və üzərinə gələndə onu ləğv edək:

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;
}

Результат:

Həmçinin bax