JSFiddle - React, Tailwind, and code Playground

HTML

<div class="fadedScroller">
    awesome stuff here<br />
    awesome stuff here<br />
    awesome stuff here<br />
    awesome stuff here<br />
    awesome stuff here<br />
    awesome stuff here<br />
    awesome stuff here<br />
    awesome stuff here<br />
    awesome stuff here<br />
</div>

CSS

.fadedScroller {
overflow: auto;
position: relative;
height: 100px;
}

.fadedScroller:after {
content: '';
top: 0;
left: 0;
height: 20px;
right: 0;
background: linear-gradient(to bottom, rgba(251,251,251,1) 0%,rgba(251,251,251,0) 100%);
position: absolute;
}