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

2 votes140 views1 answer
Underline css animation hover
CSS
0 vote166 views2 answers
Deployer custom Options
CSS
8 votes168 views4 answers
Css padding 4 values
CSS
31 votes263 views3 answers
Rgba blue color
CSS
1 vote172 views1 answer
How to make horizontal rule dotted
CSS
0 vote165 views2 answers
Css flip text
CSS
0 vote165 views1 answer
CSS background gradient doesn't repeat
CSS
0 vote173 views1 answer
Flex: 0 1 auto
CSS
198 votes327 views6 answers
How to add css in html
CSS
0 vote153 views1 answer
Css id with mask wildcard
CSS