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 vote139 views1 answer
Sass immediate child
CSS
0 vote177 views1 answer
Display elements in column css
CSS
1 vote145 views1 answer
Url css
CSS
34 votes144 views3 answers
Css blur background image only
CSS
0 vote130 views1 answer
Grippy css
CSS
0 vote156 views1 answer
Css make background image repeat vertically
CSS
2 votes141 views1 answer
Remove accordion space materuail ui css
CSS
5 votes150 views1 answer
How to make text not highlightable css
CSS
0 vote146 views1 answer
Animation clip path
CSS
0 vote139 views1 answer
Limit number of text lines
CSS