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 функцияси,
фонга шaffофлик беради
sepia функцияси,
фонни сепияга айлантиради
background хусусияти,
фон учун қисқартирилган хусусият
background-image хусусияти,
орқа фон расмини белгилаш имконини беради
filter хусусияти,
фон учун услуб беради