Css make image gray

img {
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(1); /* Google Chrome, Safari 6+ & Opera 15+ */
  filter: grayscale(1); /* Microsoft Edge and Firefox 35+ */
}

/* Disable grayscale on hover */
img:hover {
  -webkit-filter: grayscale(0);
  filter: none;
}

Source: stackoverflow.com

Similar codes

0 vote365 views1 answer
Mettre image in the background
CSS
1 vote346 views1 answer
How to desactivate txt selection css
CSS
7 votes370 views3 answers
Sans serif font family css
CSS
0 vote368 views1 answer
Css grid first child
CSS
45 votes347 views6 answers
Css elipsis
CSS
6 votes368 views1 answer
Hidden vs visible
CSS
19 votes445 views3 answers
Css border radius top
CSS
0 vote373 views5 answers
Css gradient generator
CSS
1 vote327 views1 answer
Padding clamp
CSS
1 vote400 views1 answer
Jquery css multiple line
CSS