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 vote301 views1 answer
The CSS to make all the columns equal in width is as follows
CSS
0 vote276 views1 answer
Wordpress how to change logo on a certain page with css
CSS
27 votes269 views3 answers
Hide in css
CSS
12 votes233 views3 answers
Css display grid
CSS
0 vote273 views1 answer
CSS - The Class Selectors - Element
CSS
2 votes284 views1 answer
Large input box bootstrap 4
CSS
22 votes282 views5 answers
Css center grid
CSS
13 votes284 views1 answer
Baclgroud image css
CSS
0 vote288 views1 answer
Carousel inner item populate with for loop puting active class on all carousel item
CSS
6 votes314 views1 answer
How to add truncate code
CSS