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 vote185 views1 answer
Disable button outline in css
CSS
0 vote195 views1 answer
Css select first immediate child
CSS
2 votes146 views1 answer
How to align button horizontally in css
CSS
0 vote191 views1 answer
Flex item: 1;
CSS
-1 vote200 views1 answer
Css media query between two width
CSS
0 vote170 views1 answer
Media screen desktop
CSS
2 votes179 views3 answers
Placeholder color default
CSS
0 vote202 views1 answer
Shrink a div by 50%
CSS
156 votes210 views6 answers
Center a div css
CSS
2 votes195 views3 answers
How to make a html css js editor
CSS