JSFiddle - React, Tailwind, and code Playground

by octavioamu

HTML

<a class="" href="#">
    <img src="https://picsum.photos/200/300
" height="300" alt="" class="">
  </a>

CSS

img {
  filter: grayscale(1);
  opacity: 0.6;
  transition: all 0.2s linear;
}

a:hover img {
  filter: grayscale(0);
  opacity: 1;
}