Blur funksiyasi

blur funksiyasi fon rasmlarini Gauss usulida xiralashtirish imkonini beradi.

Sintaksis

selektor {
	filter: blur(xiralash o‘lchami);
}

Misol

Keling, rasmimiz uchun 2px xiralash o‘lchamini o‘rnatamiz:

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

Shuningdek qarang

brightness funksiyasi,
fon uchun yorqinlikni belgilaydi
contrast funksiyasi,
fon uchun kontrastni belgilaydi
drop-shadow funksiyasi,
fon uchun soyani belgilaydi
hue-rotate funksiyasi,
fon uchun rang tonini belgilaydi
invert funksiyasi,
fon ranglarini inversiyalaydi
opacity funksiyasi,
fon uchun shaffoflikni belgilaydi
sepia funksiyasi,
fonni sepia rangga aylantiradi
background xususiyati,
fon uchun qisqartma xususiyat hisoblanadi
background-image xususiyati,
uning yordamida blokka fon rasmini o‘rnatish mumkin
filter xususiyati,
fon uchun uslubni belgilaydi