blur funksiyası

blur funksiyası fon şəkillərini Qauss üsulu ilə bulanıqlaşdırmağa imkan verir.

Sintaksis

selektor {
	filter: blur(bulanıqlıq ölçüsü);
}

Nümunə

Gəlin şəklimiz üçün 2px bulanıqlıq təyin edək:

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

Həmçinin bax

brightness funksiyası,
ki, fon üçün parlaqlığı təyin edir
contrast funksiyası,
ki, fon üçün kontrastlığı təyin edir
drop-shadow funksiyası,
ki, fon üçün kölgə təyin edir
hue-rotate funksiyası,
ki, fon üçün rəng çalarını təyin edir
invert funksiyası,
ki, fon rənglərini çevirir
opacity funksiyası,
ki, fon üçün şəffaflığı təyin edir
sepia funksiyası,
ki, fonu sepia çalara çevirir
background xassəsi,
ki, fon üçün qısaldılmış xassədir
background-image xassəsi,
ki, onunla bloka fon şəkli təyin etmək olar
filter xassəsi,
ki, fon üçün stil təyin edir