JSFiddle - React, Tailwind, and code Playground

by reentim

HTML

<ul>
    <li>foo</li>
    <li>bar</li>
    <li>foo</li>
    <li>bar</li>
    <li>foo</li>
    <li>bar</li>
    <li>foo</li>
    <li>bar</li>
    <li>foo</li>
    <li>bar</li>
    <li>foo</li>
    <li>bar</li>
</ul>

CSS

body {
    background-color: skyblue;
    padding: 20px;
}

ul {
    box-shadow : inset 0 0 10px 10px gray;
    height: 435px;
    overflow: scroll;
    background-color: white;
}

li {
    padding: 20px;
}

li:nth-child(even) {
    background : rgba(255,0,0,0.2);
}

li:hover {
    background : rgba(0,0,255,0.2);
}