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 vote316 views1 answer
Css hide mark border
CSS
0 vote297 views1 answer
Sweet alert modal form
CSS
222 votes558 views6 answers
Bootstrap CSS CDN
CSS Bootstrap
1 vote336 views1 answer
Make mat card scrollable
CSS
20 votes337 views2 answers
Css disable selection
CSS
0 vote304 views1 answer
Rotate font css 90º
CSS
0 vote309 views1 answer
Mailto link with no decoration
CSS
2 votes425 views2 answers
No gutter in bootstrap css for row
CSS Bootstrap
0 vote307 views1 answer
Qgraphicsscene get viewport width
CSS
0 vote292 views2 answers
Using materialize css with react
CSS