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

1 vote264 views1 answer
Chrome hide blue highlight css mobile
CSS
0 vote276 views2 answers
Tailwindcss link styling
CSS
-1 vote219 views2 answers
How to add border between links in navigation bar
CSS
51 votes236 views5 answers
Css reset
CSS
6 votes206 views1 answer
Float css examples
CSS
0 vote280 views1 answer
New statamic project
CSS
0 vote258 views1 answer
Display elements in column css
CSS
1 vote254 views2 answers
Change nav background color on scroll css without bootstrap
CSS
116 votes237 views6 answers
How to hide the scrollbar in css
CSS
0 vote252 views2 answers
Css text truncate 2 lines
CSS