Egenskapen filter

Egenskapen filter setter et visst kunstnerisk utseende eller filter for bakgrunnsbildet. Egenskapen kan ta navn på kunstneriske stiler, dannet av funksjonen filter eller none (avbryt valgt filter).

Syntaks

velger {
	filter: kunstnerisk stil eller none;
}

Eksempel

La oss sette et svart-hvitt filter for bildet vårt, og fjerne det ved henging:

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

Se også

egenskapen background,
som er en sammentrengt egenskap for bakgrunn
funksjonen blur,
som uskarpgjør bakgrunnen
funksjonen brightness,
som setter lysstyrke for bakgrunnen
funksjonen contrast,
som setter kontrast for bakgrunnen
funksjonen drop-shadow,
som setter skygge for bakgrunnen
funksjonen hue-rotate,
som setter fargetone for bakgrunnen
funksjonen invert,
som inverterer bakgrunnens farger
funksjonen opacity,
som setter gjennomsiktighet for bakgrunnen
funksjonen sepia,
som omdanner bakgrunnen til sepia