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

3 votes314 views2 answers
Centralize div flex
CSS
0 vote307 views1 answer
Vuetify input change outline color
CSS
0 vote340 views1 answer
Css List in line
CSS
13 votes425 views2 answers
How to link a button to another page in css
CSS
6 votes308 views1 answer
How to center an hr
CSS
150 votes388 views2 answers
How to link your css file to html
CSS
0 vote334 views1 answer
Codemirror resizable
CSS
1 vote355 views4 answers
Screen orientation css
CSS
3 votes349 views1 answer
Css supports
CSS
2 votes400 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap