JSFiddle - React, Tailwind, and code Playground

HTML

<div id="parent">
    Parent Text
    <div id="child">Child Text</div>
</div>

CSS

#parent {
    opacity: .2;
    transition: .1s opacity;
}

#parent:hover {
    opacity: 1;
}