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

2 votes265 views1 answer
Onclick javascript are you sure
CSS
3 votes265 views3 answers
How to use image zoom effect in css
CSS
1 vote232 views1 answer
Css background offset
CSS
8 votes235 views2 answers
Horizontal align icon css
CSS
0 vote236 views3 answers
Bootstrap grid only css npm install
CSS
74 votes241 views6 answers
Display flex
CSS
6 votes262 views2 answers
Image orientation css
CSS
0 vote240 views1 answer
Table td data in middle
CSS
1 vote253 views1 answer
The user specified as a definer does not exist
CSS
0 vote234 views1 answer
Add logo html css
CSS