Sifa filter

Sifa filter huweka picha ya usuli mtindo maalum wa kisanii au kichujio. Sifa inaweza kukubali kama thamani majina ya mitindo ya kisanii, inayoundwa na kitendakazi filter au none (kufutua kichujio kilichochaguliwa).

Kiendeshaji

kichaguzi {
	filter: mtindo wa kisanii au none;
}

Mfano

Wacha tuweke kichujio cha weusi-na-weupe kwa picha yetu, na tunapoelekeza kifutue:

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

Tazama pia

sifa background,
inayowakilisha sifa iliyofupishwa kwa usuli
kitendakazi blur,
kinachopoa usuli
kitendakazi brightness,
kinachoweka mwangaza wa usuli
kitendakazi contrast,
kinachoweka utofautishaji wa usuli
kitendakazi drop-shadow,
kinachoweka kivuli cha usuli
kitendakazi hue-rotate,
kinachoweka rangi ya usuli
kitendakazi invert,
kinachogeuzia rangi za usuli
kitendakazi opacity,
kinachoweka uwazi wa usuli
kitendakazi sepia,
kinachobadilisha usuli kuwa sepia