Funkcia blur

Funkcia blur umožňuje rozostriť pozadové obrázky podľa Gaussa.

Syntax

selektor {
	filter: blur(veľkosť rozostrenia);
}

Príklad

Nastavme nášmu obrázku rozostrenie 2px:

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

Pozri tiež

funkcia brightness,
ktorá nastavuje jas pozadia
funkcia contrast,
ktorá nastavuje kontrast pozadia
funkcia drop-shadow,
ktorá nastavuje tieň pozadiu
funkcia hue-rotate,
ktorá nastavuje farebnosť pozadia
funkcia invert,
ktorá invertuje farby pozadia
funkcia opacity,
ktorá nastavuje priehľadnosť pozadiu
funkcia sepia,
ktorá transformuje pozadie na sépiu
vlastnosť background,
ktorá je skrátenou vlastnosťou pre pozadie
vlastnosť background-image,
pomocou ktorej možno bloku nastaviť pozadový obrázok
vlastnosť filter,
ktorá nastavuje štýl pre pozadie