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 vote291 views1 answer
Css banner image
CSS
2 votes326 views2 answers
Border not showing css
CSS
1 vote305 views2 answers
Css grid two columns
CSS
0 vote286 views1 answer
Laravel load css from public
CSS
1 vote326 views1 answer
Lightred color hex
CSS
3 votes310 views2 answers
Set css to default
CSS
58 votes307 views6 answers
How to center a div vertically and horizontally
CSS
0 vote291 views1 answer
Content visability auto
CSS
1 vote313 views1 answer
Css target except id
CSS
0 vote382 views1 answer
Définir le nombre minimum de mots sur les publications WordPress
CSS