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

1 vote168 views1 answer
Open applications bat start
CSS
10 votes223 views3 answers
Javascript average of numbers in array
CSS
0 vote168 views3 answers
Input adresse ville automatique
CSS
6 votes161 views9 answers
Create a portfolio website with html css
CSS
0 vote186 views1 answer
Bootstrap 5 tutorial
CSS Bootstrap
12 votes174 views2 answers
Can't resolve @emotion/react
CSS
0 vote167 views1 answer
CSS - The Class Selectors
CSS
0 vote174 views1 answer
See css from site
CSS
6 votes180 views3 answers
Print media css
CSS
29 votes264 views6 answers
Css animation
CSS