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

8 votes211 views2 answers
Line-weight css
CSS
1 vote220 views1 answer
CSS3
CSS
1 vote210 views1 answer
Primary hex code
CSS
54 votes178 views6 answers
Background color css
CSS
8 votes215 views1 answer
Remove botton styles
CSS
2 votes199 views1 answer
Transition syntax css
CSS
2 votes204 views1 answer
Reset a tag css
CSS
4 votes207 views6 answers
Css grid
CSS
0 vote224 views1 answer
Make an anchor tag inactive
CSS
0 vote191 views1 answer
Cta button css
CSS