Funkasjonen blur

Funksjonen blur lar deg uskarpgjøre bakgrunnsbilder etter Gauss.

Syntaks

velger {
	filter: blur(uskarpgjøringsstørrelse);
}

Eksempel

La oss sette en uskarpgjøring på 2px for bildet vårt:

<div id="elem"></div>

#elem {
	filter: blur(2px);
	background-blend-mode: normal;
	background: url("bg.png") center / cover no-repeat,
	linear-gradient(#00A8DE, #FFF) fixed;
	width: 400px;
	height: 300px;
	border: 1px solid black;
}

Se også

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 konverterer bakgrunnen til sepia
egenskapen background,
som er en sammentreningsegenskap for bakgrunn
egenskapen background-image,
som brukes for å sette bakgrunnsbilde til et element
egenskapen filter,
som setter stil for bakgrunnen