JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
<div class="text-box"></div>
</div>

CSS

.container {
    background: black;
    height: 5400px;
    overflow: hidden;
}

.text-box{
    background: red;
    width:10px;
    height:10px;
    overflow:hidden;
    position:relative;
    padding:10px;
    color: #FF4D4D;
    font: normal 8px Lucida Console;
    -webkit-animation:textcrawl 200s linear infinite;
    animation:textcrawl 200s linear infinite;
}

@keyframes textcrawl
{
    from {top:0px;}
    to {top:10000px;}
}

@-webkit-keyframes textcrawl
{
    from {top:0px;}
    to {top:10000px;}
}