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

40 votes204 views6 answers
How to write css
CSS
29 votes174 views4 answers
Css box
CSS
0 vote199 views1 answer
Nibabel ValueError: w2 should be positive, but is
CSS
3 votes135 views1 answer
Css margin bottom not working
CSS
0 vote174 views3 answers
Style highlight css
CSS
1 vote172 views1 answer
Tailwind hover
CSS
1 vote159 views1 answer
Css round outline
CSS
0 vote169 views2 answers
Cons;0 ccs
CSS
1 vote136 views1 answer
Css image background center horizontally in div
CSS
0 vote142 views1 answer
Padding 4 values
CSS