Eienskap filter

Die eienskap filter ken 'n sekere artistieke styl of filter aan die agtergrondbeeld toe. Die eienskap kan as waardes die name van artistieke style aanvaar, gevorm deur die funksie filter of none (kansellasie van die gekose filter).

Sintaksis

selektor {
	filter: artistieke styl of none;
}

Voorbeeld

Kom ons ken 'n swart-en-wit filter aan ons beeld toe, en kanselleer dit wanneer daar oor beweeg word:

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

Sien ook

die eienskap background,
wat 'n verkorte eienskap vir die agtergrond is
die funksie blur,
wat die agtergrond vervaag
die funksie brightness,
wat die helderheid vir die agtergrond stel
die funksie contrast,
wat die kontras vir die agtergrond stel
die funksie drop-shadow,
wat 'n skaduwee vir die agtergrond skep
die funksie hue-rotate,
wat die kleurtoon vir die agtergrond stel
die funksie invert,
wat die kleure van die agtergrond omkeer
die funksie opacity,
wat die deursigtigheid vir die agtergrond stel
die funksie sepia,
wat die agtergrond na sepia omskep