Функција 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,
кое го задава стилот за позадината