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 vote194 views2 answers
Nth-child(2n+1)
CSS
14 votes188 views2 answers
How to render css in flask link
CSS
66 votes194 views6 answers
How to center a div with position absolute
CSS
9 votes195 views4 answers
Css animation infinite loop
CSS
127 votes252 views4 answers
React import bootstrap css
CSS Bootstrap
70 votes192 views6 answers
Button href
CSS
0 vote203 views1 answer
Twig date modify
CSS
1 vote194 views2 answers
Css animated background
CSS
0 vote192 views1 answer
Input padding without changing width
CSS
13 votes202 views4 answers
Cursor pointer events none
CSS