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 vote295 views1 answer
What css vmin
CSS
2 votes195 views1 answer
Border bottom remove
CSS
3 votes196 views1 answer
Convert angular project from css to scss
CSS
0 vote259 views1 answer
Span to left css
CSS
0 vote149 views1 answer
Css ein bisschen durchsichtig
CSS
0 vote197 views1 answer
Override Inline Styles with CSS
CSS
0 vote196 views1 answer
Flex fill space
CSS
-3 votes192 views1 answer
How do i make a div full width with css
CSS
1 vote182 views1 answer
Css stylistic alternates
CSS
6 votes208 views1 answer
Hidden vs visible
CSS