filter blur code example

Example 1: filter for css white color

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

Example 2: invert css

.image {
filter: 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: 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;

Tags:

Css Example