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 vote146 views1 answer
Css flex add second row
CSS
0 vote143 views1 answer
Css 2 divs nebeneinander
CSS
15 votes139 views2 answers
Custom selection color css
CSS
3 votes164 views1 answer
Hover none in css
CSS
0 vote165 views1 answer
React use global css
CSS
5 votes129 views4 answers
Paginate bs
CSS
1 vote161 views1 answer
How to change what twine looks like
CSS
1 vote164 views1 answer
How to remove lines from textarea
CSS
3 votes154 views2 answers
Ignore cache pip
CSS
24 votes187 views3 answers
Remove underline from a link css
CSS