JSFiddle - React, Tailwind, and code Playground

by yudi

HTML

<div class="slider">
    <ul>
        <li>...</li>
        <li class="current">...</li>
        <li class="center active">...</li>
        <li class="current">...</li>
        <li>...</li>
    </ul>
</div>

CSS

.slider li {opacity: 0.3;}
.slider li.center.active {opacity: 1;}
.slider li.current:nth-child(2) {opacity: 1;}