JSFiddle - React, Tailwind, and code Playground

by davidxmartins

HTML

<h1>
TEST
</h1>


<img id="sampleImage"...

CSS

h1 {
  color: green;
}
#sampleImage, h1 {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%); 
    -o-filter: grayscale(100%); 
}

#sampleImage:hover, h1:hover {
    -webkit-filter: grayscale(0%);
    -moz-filter: grayscale(0%);
    -o-filter: grayscale(0%);
}