Filter svojstvo

Svojstvo filter postavlja pozadinskoj slici određeni umetnički stil ili filter. Svojstvo može da prima kao vrednosti nazive umetničkih stilova, formiranih funkcijom filter ili none (poništenje izabranog filtera).

Sintaksa

selektor {
	filter: umetnički stil ili none;
}

Primer

Hajde da postavimo crno-beli filter za našu sliku, a pri prelasku mišem da ga poništimo:

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

Pogledajte takođe

svojstvo background,
koje predstavlja skraćeno svojstvo za pozadinu
funkcija blur,
koja zamućuje pozadinu
funkcija brightness,
koja postavlja svetlinu pozadini
funkcija contrast,
koja postavlja kontrastnost pozadini
funkcija drop-shadow,
koja postavlja senku pozadini
funkcija hue-rotate,
koja postavlja nijansu boje pozadini
funkcija invert,
koja invertuje boje pozadine
funkcija opacity,
koja postavlja providnost pozadini
funkcija sepia,
koja pretvara pozadinu u sepiju