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 касиети,
ал фон үчүн стил берип коёт