JSFiddle - React, Tailwind, and code Playground

by Robert N.

HTML

<span class="test1">
    <span id="test1" style="opacity:0.5;position:fixed;z-index:9999" onmouseover="this.style.opacity=1;" onmouseout="this.style.opacity=0.5">
        blah1 blah1 blah1
    </span>
</span>
<br/><br/>
<span class="test2">
    <span id="test2" style="opacity:0.5;position:fixed;z-index:9999">
        blah2 blah2 blah2
    </span>
</span>

CSS

#test1:hover{font-size:1.2em;}
#test2:hover{opacity:1;font-size:1.2em;}