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 vote221 views2 answers
Transparent circle in css
CSS
0 vote349 views1 answer
Line not breaking css
CSS
0 vote281 views1 answer
Materialize css form file input
CSS
1 vote290 views1 answer
Css width fit to content
CSS
17 votes266 views3 answers
Css odd even child
CSS
2 votes263 views1 answer
Centering the image
CSS
1 vote288 views3 answers
Jquery get div height dynamically
CSS
39 votes252 views3 answers
Rgba white color
CSS
0 vote349 views1 answer
Css bootstrap carousel fade how to add fade in up text
CSS Bootstrap
0 vote274 views1 answer
Css background color over image
CSS