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

1 vote316 views1 answer
Bootstrap 4 material icon vertical align
CSS Bootstrap
5 votes180 views2 answers
How to rotate image 360 degrees in css
CSS
10 votes205 views3 answers
Underline css animation
CSS
1 vote249 views1 answer
How to make slideshow not go over navigation bar
CSS
22 votes183 views5 answers
Grid center css
CSS
68 votes185 views5 answers
Jquery css
CSS
0 vote184 views2 answers
Webpack alias not working in jest
CSS
595 votes510 views10 answers
Gme stock
CSS
0 vote189 views1 answer
Ionic slidesperview not working
CSS
0 vote185 views1 answer
Nuxt css other site
CSS