JSFiddle - React, Tailwind, and code Playground

by hardiksondagar

HTML

<ul>
 <li>a</li>
<li>b</li>
<li>c</li>
<li>d</li>
<li>e</li>

</ul>

CSS

ul li {
    background-color: red;
    margin: 2px;
}

ul:hover li {
    opacity: .5;
}

ul li:hover {
    opacity: 1;
}