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 vote137 views1 answer
How to remove table border in css for last child if rowspan
CSS
-1 vote145 views1 answer
Html css circle progress bar
CSS
0 vote120 views1 answer
Background color in hex css
CSS
1 vote129 views1 answer
Css erase text
CSS
0 vote105 views1 answer
Css disable animation on load
CSS
11 votes143 views5 answers
Css affect other elements on hover
CSS
66 votes130 views6 answers
Remove bullets from list css
CSS
0 vote135 views1 answer
Resize logo html css
CSS
4 votes130 views2 answers
Javafx button css
CSS
0 vote134 views1 answer
Text wrap image wordpress css
CSS