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 vote237 views1 answer
Css column gap flex
CSS
37 votes216 views5 answers
How to apply linear gradient to text in css
CSS
0 vote254 views2 answers
Styling links within a class except the last one
CSS
0 vote265 views1 answer
Css change the accordion arrow color
CSS
0 vote195 views1 answer
Get element in list ocaml
CSS
0 vote212 views1 answer
How do I link a CSS file to a folder?
CSS
1 vote232 views3 answers
Selenium find element by css selector
CSS
0 vote211 views1 answer
How to remove default padding of div
CSS
0 vote206 views1 answer
Over to remove padding css
CSS
3 votes215 views2 answers
Css disable button click
CSS