css filter 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: css image filter black and white

-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
  filter: grayscale(100%);

Example 4: image blur css

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

Example 5: how to filter css red

/*Add this to a CSS selector to turn it red*/
filter: grayscale(100%) brightness(40%) sepia(100%) hue-rotate(-50deg) saturate(600%) contrast(0.8);

Example 6: 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);
}

Tags:

Html Example