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 vote153 views1 answer
Alumina formula
CSS
4 votes149 views1 answer
Make something unclickable css
CSS
6 votes147 views3 answers
Scroll snap css
CSS
0 vote101 views1 answer
How to remove horizontal scrollbar and yet allow vertical
CSS
2 votes136 views1 answer
How to mirror object through css
CSS
0 vote140 views1 answer
Inline block display has margin
CSS
1 vote134 views1 answer
Right-align in vbox
CSS
0 vote146 views1 answer
Grape change status code
CSS
6 votes206 views3 answers
.row bootstrap
CSS Bootstrap
2 votes176 views1 answer
Make a quarter of circle css
CSS