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 vote137 views1 answer
Prefix in css
CSS
42 votes209 views5 answers
Npm bootstrap
CSS Bootstrap
164 votes180 views4 answers
Html head css link
CSS
0 vote132 views1 answer
Content url svg css
CSS
-2 votes125 views2 answers
Axios send request with cookies
CSS
0 vote240 views1 answer
Backface-visibility: hidden;
CSS
0 vote125 views1 answer
Material form css
CSS
1 vote148 views2 answers
Text overflow break line
CSS
2 votes123 views1 answer
How to prevent anchor links from scrolling behind a sticky header with one line of CSS
CSS
0 vote150 views1 answer
Prevent text from going to next line css
CSS