Fungsi blur

Fungsi blur membolehkan anda mengaburkan imej latar belakang mengikut Gaussian.

Sintaks

pemilih {
	filter: blur(jumlah kekaburan);
}

Contoh

Mari tetapkan kekaburan untuk imej kami kepada 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;
}

Lihat juga

fungsi brightness,
yang menetapkan kecerahan untuk latar belakang
fungsi contrast,
yang menetapkan kontras untuk latar belakang
fungsi drop-shadow,
yang menetapkan bayangan untuk latar belakang
fungsi hue-rotate,
yang menetapkan hue untuk latar belakang
fungsi invert,
yang menyongsangkan warna latar belakang
fungsi opacity,
yang menetapkan ketelusan untuk latar belakang
fungsi sepia,
yang menukar latar belakang kepada sepia
property background,
yang merupakan property singkatan untuk latar belakang
property background-image,
yang boleh digunakan untuk menetapkan imej latar belakang kepada blok
property filter,
yang menetapkan gaya untuk latar belakang