A blur függvény

A blur függvény Gauss-elmosást alkalmaz a háttérképeken.

Szintaxis

szelektor {
	filter: blur(az elmosás mértéke);
}

Példa

Állítsuk be a képünk elmosását 2px értékre:

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

Lásd még

a brightness függvény,
amely a háttér fényerejét állítja be
a contrast függvény,
amely a háttér kontrasztját állítja be
a drop-shadow függvény,
amely árnyékot ad a háttérhez
a hue-rotate függvény,
amely a háttér színárnyalatát állítja be
a invert függvény,
amely invertálja a háttér színeit
a opacity függvény,
amely a háttér átlátszóságát állítja be
a sepia függvény,
amely szépia effektust alkalmaz a háttérre
a background tulajdonság,
ami egy rövidített tulajdonság a háttér beállításához
a background-image tulajdonság,
amellyel háttérképet lehet beállítani egy elemhez
a filter tulajdonság,
amely stílust ad meg a háttérhez