Omadus filter

Omadus filter määrab taustapildile kindla kunstilise stiili või filtri. Omadus võib võtta väärtusteks kunstiliste stiilide nimetused, mis moodustatakse funktsiooniga filter või none (valitud filtri tühistamine).

Süntaks

valija {
	filter: kunstiline stiil või none;
}

Näide

Anname oma pildile must-valge filtri ja hiirega üle minnes tühistame selle:

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

Vaata ka

omadus background,
mis on tausta jaoks lühendomadus
funktsioon blur,
mis muudab tausta häguseks
funktsioon brightness,
mis määrab tausta heleduse
funktsioon contrast,
mis määrab tausta kontrastsuse
funktsioon drop-shadow,
mis määrab taustale varju
funktsioon hue-rotate,
mis määrab tausta toonipöörde
funktsioon invert,
mis pöörab tausta värvid vastupidiseks
funktsioon opacity,
mis määrab tausta läbipaistvuse
funktsioon sepia,
mis muudab tausta seepiaefektiga