css filter brightness code example

Example 1: filter for css white color

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

Example 2: css brightness

/* 
In order to use CSS Brightness you need to use the Filter property 
You can use a percent or a decimal or an integer
*/
filter: brightness(100%); 
/* OR above 100% */
filter: brightness(200%);

Example 3: css image filter black and white

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

Example 4: brightness css

brightness(0%)   /* Completely black */
brightness(0.4)  /* 40% brightness */
brightness(1)    /* No effect */
brightness(200%) /* Double brightness */

Tags:

Css Example