Īpašība filter

Īpašība filter iestata fona attēlam noteiktu māksliniecisku stilu vai filtru. Īpašība var pieņemt kā vērtības māksliniecisko stilu nosaukumus, kas veidoti ar funkciju filter vai none (izvēlētā filtra atcelšana).

Sintakse

selektors {
	filter: mākslinieciskais stils vai none;
}

Piemērs

Uzstādīsim mūsu attēlam melnbaltu filtru, bet, uzvadot kursoru, to atcelsim:

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

Skatiet arī

īpašība background,
kas ir saīsinājuma īpašība fonam
funkcija blur,
kas izplūdina fonu
funkcija brightness,
kas iestata fonam spilgtumu
funkcija contrast,
kas iestata fonam kontrastu
funkcija drop-shadow,
kas iestata fonu ēnu
funkcija hue-rotate,
kas iestata fonam toņu
funkcija invert,
kas invertē fona krāsas
funkcija opacity,
kas iestata fonam caurspīdīgumu
funkcija sepia,
kas pārveido fonu sepijā