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

44 votes231 views6 answers
How to center a div element
CSS
0 vote229 views1 answer
Cs cirlce
CSS
0 vote229 views1 answer
Table td remove unknown padding in td
CSS
0 vote296 views1 answer
Apply css on last child in parent div
CSS
0 vote257 views2 answers
Materialize css for react
CSS
2 votes228 views1 answer
Ion input change font size
CSS
0 vote212 views1 answer
Jest test try catch
CSS
1 vote257 views1 answer
How to include a new font website
CSS
0 vote272 views1 answer
Reindent sublime
CSS
0 vote201 views1 answer
Bootstrap 3 progress bar animation
CSS Bootstrap