Функција blur

Функција blur омогућава замагљивање позадинских слика по Гаусу.

Синтакса

селектор {
	filter: blur(величина замагљења);
}

Пример

Поставићемо замагљење за нашу слику од 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;
}

Погледајте такође

функција brightness,
која поставља осветљеност позадини
функција contrast,
која поставља контраст позадини
функција drop-shadow,
која поставља сенку позадини
функција hue-rotate,
која поставља нијансу боје позадини
функција invert,
која инвертује боје позадине
функција opacity,
која поставља провидност позадини
функција sepia,
која претвара позадину у сепију
својство background,
које представља скраћеницу за позадину
својство background-image,
помоћу ког блоку можемо да поставимо позадинску слику
својство filter,
које поставља стил за позадину