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

7 votes187 views2 answers
Make all images same size css
CSS
0 vote178 views1 answer
Css content from data attribute
CSS
36 votes181 views4 answers
Adding gradient to text color
CSS
6 votes191 views1 answer
Flex change order
CSS
0 vote179 views1 answer
Javafx css rectangle outline
CSS
0 vote185 views1 answer
Adding script in vat for product order shopify
CSS
0 vote281 views1 answer
How to use bootstrap color variables in sass
CSS Bootstrap
0 vote179 views1 answer
Rotate box-shadow
CSS
71 votes202 views6 answers
Css center image
CSS
49 votes183 views5 answers
Absolute position div center
CSS