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>
<div class="fadedScroller_fade"></div>

CSS

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

.fadedScroller_fade {
    content:'';
    margin-top: -100px;
    height: 40px;
    background: linear-gradient(to bottom, rgba(251, 251, 251, 1) 0%, rgba(251, 251, 251, 0) 100%);
    position: relative;
}