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

69 votes107 views4 answers
White rgb
CSS
1 vote164 views1 answer
Content-visibility
CSS
0 vote119 views1 answer
Statamic partial
CSS
16 votes152 views4 answers
How to make image a circle css
CSS
29 votes115 views4 answers
How to remove underline of link in css
CSS
0 vote127 views1 answer
Switch css with text
CSS
0 vote111 views2 answers
Nth-child(2n+1)
CSS
0 vote133 views1 answer
Set border only left and right css
CSS
5 votes113 views3 answers
How to make a dotted hr in css
CSS
1 vote127 views6 answers
Ease in out css
CSS