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 vote230 views1 answer
Span to left css
CSS
1 vote173 views1 answer
Padding up down left right
CSS
1 vote163 views1 answer
Tr lowercase uppercase
CSS
0 vote161 views1 answer
Css stretch font vertically
CSS
55 votes169 views4 answers
Hover effects css
CSS
1 vote193 views1 answer
Css display div horizontally
CSS
2 votes177 views1 answer
Ionic install font
CSS
3 votes174 views3 answers
Scss variables
CSS
1 vote254 views1 answer
@extend must be used with a %placeholder
CSS
4 votes173 views3 answers
Background with image and gradient
CSS