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

selektor {
	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:

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

Həmçinin bax

background xassəsi,
fon üçün qısaldılmış xassədir
blur funksiyası,
fonu bulanıqlaşdırır
brightness funksiyası,
fonun parlaqlığını təyin edir
contrast funksiyası,
fonun kontrastlığını təyin edir
drop-shadow funksiyası,
fona kölgə təyin edir
hue-rotate funksiyası,
fonun rəng çalarını təyin edir
invert funksiyası,
fonun rənglərini çevirir
opacity funksiyası,
fonun şəffaflığını təyin edir
sepia funksiyası,
fonu sepia çevirir