blur Fonksiyonu

blur fonksiyonu, arka plan görüntülerini Gauss yöntemiyle bulandırmanıza olanak tanır.

Sözdizimi

seçici {
	filter: blur(bulandırma_miktarı);
}

Örnek

Resmimiz için 2px bulanıklık ayarlayalım:

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

Ayrıca Bakınız

brightness fonksiyonu,
arka planın parlaklığını ayarlar
contrast fonksiyonu,
arka planın kontrastını ayarlar
drop-shadow fonksiyonu,
arka plana gölge ekler
hue-rotate fonksiyonu,
arka planın renk tonunu döndürür
invert fonksiyonu,
arka plan renklerini tersine çevirir
opacity fonksiyonu,
arka planın şeffaflığını ayarlar
sepia fonksiyonu,
arka planı sepya rengine dönüştürür
background özelliği,
arka plan için kısa yazım özelliğidir
background-image özelliği,
bir bloğa arka plan resmi ayarlamak için kullanılır
filter özelliği,
arka plan için stil tanımlar