JSFiddle - React, Tailwind, and code Playground

by Kocsten

HTML

<div>
  <img src="http://zornet.ru/ZORNET-RU/ZR/Alinuversa/OHH_0snVQHujEhdtBcg1cw.png" />
</div>

CSS

img {
  transition: filter .7s ease-in-out;
  -webkit-filter: grayscale(0%); 
  filter: grayscale(0%); 
}

img:hover {
  -webkit-filter: grayscale(99%); 
  filter: grayscale(99%); 
}