JSFiddle - React, Tailwind, and code Playground

by Vaibhav Mehta

HTML

<span class="icons"><!--ICONS-->
    <ul>
        <li class="oneLI">one <br /><span class="one">Show Me</span></li>
        <li class="twoLI">two <br /><span class="two">Show me as well</span></li>
    </ul>
</span>

CSS

.icons li > span {
    opacity: 0;
}

.icons li:hover > span {
    opacity: 1;
}