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

120 votes403 views3 answers
React import bootstrap css file
CSS Bootstrap
1 vote284 views1 answer
Pagination html css how to working
CSS
19 votes305 views2 answers
Css circle card
CSS
0 vote285 views1 answer
Css background text clip
CSS
1 vote283 views2 answers
Border for text in html
CSS
2 votes292 views1 answer
Mixin for transition css
CSS
0 vote286 views1 answer
Remove a styles css class with javafx
CSS
0 vote294 views1 answer
Pass argument to group_by
CSS
14 votes289 views2 answers
How to add css in flask app
CSS
9 votes296 views1 answer
Fixed and scrollable gallery column code
CSS