Blur-funktsioon

Funktsioon blur võimaldab taustapilte Gaussi meetodil hägustada.

Süntaks

valija {
	filter: blur(hägustuse suurus);
}

Näide

Määrame oma pildile hägustuse väärtusega 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;
}

Vaata ka

funktsioon brightness,
mis määrab taustale heleduse
funktsioon contrast,
mis määrab taustale kontrastsuse
funktsioon drop-shadow,
mis määrab taustale varju
funktsioon hue-rotate,
mis määrab taustale toonipöörde
funktsioon invert,
mis inverteerib tausta värvid
funktsioon opacity,
mis määrab taustale läbipaistvuse
funktsioon sepia,
mis muudab tausta seepia värvides
omadus background,
mis on tausta lühendomadus
omadus background-image,
mille abil saab plokile määrata taustapildi
omadus filter,
mis määrab taustale stiili