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);
}