JSFiddle - React, Tailwind, and code Playground

by andreasisaak

HTML

<div>
<p class="content">One</p>
<p class="content">Two</p>
<p class="content">Three</p>
<p class="content">First</p>
<p class="content">Four</p>
<p class="content">Five</p>
<p class="content">Six</p>
</div>

CSS

div:hover p:hover {
    opacity:1;
}

div:hover p {
    opacity:0.4;
}