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

6 votes233 views1 answer
Jqeury css edit
CSS
0 vote305 views1 answer
Click a list html css
CSS
0 vote272 views1 answer
#f2f2f2 in rgba
CSS
0 vote337 views1 answer
Bootstrap 5 carosul height set
CSS Bootstrap
0 vote314 views1 answer
Css battle 54 char
CSS
0 vote293 views3 answers
Hyper text programming language
CSS
11 votes311 views3 answers
Css ellipsis max width
CSS
1 vote285 views1 answer
Highlight table row on hover
CSS
0 vote302 views1 answer
Remove double quotes from string kotlin
CSS
0 vote266 views1 answer
Css media query aspect ratio
CSS