Хосияти filter

Хосияти filter ба тасвири заминаӣ услуби муайяни бадеӣ ё филтрро муқаррар мекунад. Хосият метавонад ҳамчун қимат номҳои услубҳои бадеиеро қабул кунад, ки бо функсияи filter ё none (бекор кардани филтри интихобшуда) сохта мешаванд.

Синтаксис

интихобкунанда {
	filter: услуби бадеӣ ё none;
}

Намуна

Биёед барои тасвири мо филтри сиёҳу сафед муқаррар кунем, ва вақте ки курсор боло меравад онро бекор кунем:

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

Ҳамчунин бинед

хосияти background,
ки хосияти кӯтоҳшуда барои замина мебошад
функсияи blur,
ки заминаро мутаҳаммо мекунад
функсияи brightness,
ки равшании заминаро муқаррар мекунад
функсияи contrast,
ки контрастии заминаро муқаррар мекунад
функсияи drop-shadow,
ки сояи заминаро муқаррар мекунад
функсияи hue-rotate,
ки рангнокии заминаро муқаррар мекунад
функсияи invert,
ки рангҳои заминаро баръакс мекунад
функсияи opacity,
ки шифофии заминаро муқаррар мекунад
функсияи sepia,
ки заминаро ба сепия табдил медиҳад