Die blur-funksie

Die funksie blur laat toe om agtergrondbeelde volgens Gauss te verdof.

Sintaksis

cssselektor {
  filter: blur(verdofingsgrootte);
}

Voorbeeld

Laat ons 'n verdofing van 2px op ons beeld instel:

html<div id="elem"></div>

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

Результат:

Sien ook

die funksie brightness,
wat helderheid aan die agtergrond toewys
die funksie contrast,
wat kontras aan die agtergrond toewys
die funksie drop-shadow,
wat skaduwee aan die agtergrond toewys
die funksie hue-rotate,
wat kleurtoon aan die agtergrond toewys
die funksie invert,
wat die agtergrondkleure omkeer
die funksie opacity,
wat deursigtigheid aan die agtergrond toewys
die funksie sepia,
wat die agtergrond na sepia omskep
die eienskap background,
wat 'n kortkode-eienskap vir die agtergrond is
die eienskap background-image,
waarmee 'n agtergrondbeeld aan 'n blok toegeken kan word
die eienskap filter,
wat die styl vir die agtergrond bepaal