Savybė filter

Savybė filter nustato fono vaizdui tam tikrą meninį stilių arba filtrą. Savybė gali priimti kaip reikšmes meninių stilių pavadinimus, suformuojamus funkcija filter arba none (pasirinkto filtro atšaukimas).

Sintaksė

selektorius {
	filter: meninis stilius arba none;
}

Pavyzdys

Suteikime mūsų vaizdui juodai-balą filtrą, o užvedus pelę - jį panaikinkime:

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

Taip pat žiūrėkite

savybė background,
kuri yra sutrumpinta fono savybė
funkcija blur,
kuri išblunora foną
funkcija brightness,
kuri nustato fono ryškumą
funkcija contrast,
kuri nustato fono kontrastą
funkcija drop-shadow,
kuri nustato fono šešėlį
funkcija hue-rotate,
kuri nustato fono atspalvį
funkcija invert,
kuri apverčia fono spalvas
funkcija opacity,
kuri nustato fono permatomumą
funkcija sepia,
kuri paverčia foną sepija