image filter css code example

Example 1: filter for css white color

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

Example 2: css image filter black and white

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

Example 3: image blur css

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

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