Css brightness

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

Source: developer.mozilla.org

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

Brightness css

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

Source: developer.mozilla.org

Similar codes

0 vote210 views2 answers
How to insert icons pseudo content
CSS
15 votes207 views2 answers
How to make a div scrollable vertically
CSS
145 votes362 views6 answers
Add bootstrap to react
CSS Bootstrap
0 vote267 views1 answer
Quitar borde a un boton css
CSS
1 vote202 views1 answer
Css code examples
CSS
9 votes192 views2 answers
Flex float
CSS
22 votes196 views6 answers
Create circle in css
CSS
1 vote187 views1 answer
Css div went over top menu
CSS
30 votes206 views4 answers
Bootstrap media queries
CSS
1 vote205 views2 answers
Only ie css
CSS