RsD0p9BK
1/19/2018 - 4:48 AM

CSS grayscale

img {
  -webkit-transition: -webkit-filter .3s ease-in;
  -moz-transition: filter .3s ease-in;
  -ms-transition: filter .3s ease-in;
  -o-transition: filter .3s ease-in;
  transition: filter .3s ease-in;
}

img:hover {
  -webkit-filter: grayscale(100%);
  -moz-filter: grayscale(100%);
  -ms-filter: grayscale(100%);
  -o-filter: grayscale(100%);
  filter: gray;
}

http://habrahabr.ru/post/111658/