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 vote224 views1 answer
Difference between private key and private key ssh
CSS
74 votes205 views6 answers
Display flex
CSS
2 votes145 views2 answers
No gutter in bootstrap css for row
CSS
0 vote223 views1 answer
Checkbox change background color bootstrap
CSS Bootstrap
50 votes152 views6 answers
Text align css
CSS
0 vote167 views1 answer
Tailwind css flex-row-reverse for grid reverse
CSS
-2 votes152 views1 answer
Django won't load static css
CSS
12 votes158 views2 answers
Can't resolve @emotion/react
CSS
33 votes126 views21 answers
Laravel clear cache
CSS
36 votes161 views4 answers
Adding gradient to text color
CSS