filter blur css code example

Example 1: how to blur background color in css

background: rgba(255,255,255,0.5);
backdrop-filter: blur(5px);

Example 2: filter for css white color

.custom-2 {
  filter:  brightness(0) invert(1);
}

Example 3: image blur css

filter: blur(8px);
  -webkit-filter: blur(8px);

Example 4: blur css

.mydiv { filter: grayscale(50%) }

/* Graut alle Bilder um 50% aus und macht sie um 10px unscharf */
img {
  filter: grayscale(0.5) blur(10px);
}

Example 5: js filter blur Property

document.getElementById("AllBlurANT").style.filter = "blur(5px)";

Example 6: blur filter

#define filterWidth 3
#define filterHeight 3

double filter[filterHeight][filterWidth] =
{
   0.0, 0.2,  0.0,
   0.2, 0.2,  0.2,
   0.0, 0.2,  0.0
};

double factor = 1.0;
double bias = 0.0;