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 vote356 views1 answer
White border css
CSS
0 vote319 views1 answer
P::after p::before css
CSS
3 votes327 views4 answers
Css keep image ratio
CSS
51 votes305 views5 answers
Css reset
CSS
18 votes329 views4 answers
Css rotate animation
CSS
1 vote339 views1 answer
How to set fallback font in css
CSS
0 vote318 views1 answer
Boxsizing
CSS
7 votes373 views2 answers
Float center tailwind
CSS
-1 vote338 views1 answer
Remove line breaks css
CSS
-1 vote481 views2 answers
Https://www.youtube.com/s/desktop/f357c206/cssbin/www-main-desktop-watch-page-skeleton.css
CSS Skeleton