blur funksiýasy

blur funksiýasy Gauss boýunça fon suratlaryny bulanjyklaýar.

Sintaksis

selektor {
	filter: blur(bulanjyklyk ululygy);
}

Mysal

Geliň, suratymyz üçin bulanjyklygy 2px edip belleýäli:

<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;
}

Şeýle-de görüň

brightness funksiýasy,
fona ýagtylyk berýän
contrast funksiýasy,
fona kontrastlyk berýän
drop-shadow funksiýasy,
fona kölege berýän
hue-rotate funksiýasy,
fona reňk berýän
invert funksiýasy,
fonuň reňklerini öwürýän
opacity funksiýasy,
fona şahazlyk berýän
sepia funksiýasy,
fonu sepia öwürýän
background häsiýeti,
fon üçin gysgaltma häsiýet
background-image häsiýeti,
onuň üsti bilen bloka fon suratyny bermek mümkin
filter häsiýeti,
fon üçin stili belleýän