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 votes108 views10 answers
Css
CSS
-1 vote110 views2 answers
Multi colors in background in css
CSS
9 votes122 views4 answers
How to stop form from submitting on enter
CSS
18 votes164 views2 answers
Rgba blue colo
CSS
3 votes118 views2 answers
Css border radius not working
CSS
3 votes126 views1 answer
Css first td
CSS
2 votes117 views1 answer
How to style multiple elements at once
CSS
0 vote114 views1 answer
Mixin parameters
CSS
0 vote118 views1 answer
Make the cursor appear as a crosshair on all links of the web page:
CSS
0 vote112 views1 answer
Z-index: 1000000;
CSS