JSFiddle - React, Tailwind, and code Playground

HTML

<div class="divTable">
        <div>
            Schokolade <br>
            Milch <br>
            Butter <br>
            ... <br>
            ... <br>
            ... <br>
            ... <br>
            ... <br>
            ... <br>
            Bier <br>
        </div>
</div>

CSS

@-webkit-keyframes divTable {
      0% { -webkit-transform: translateY(5%); }
    100% { -webkit-transform: translateY(-70%); }
}

@keyframes divTable {
      0% { -webkit-transform: translateY(0%); }
    100% { -webkit-transform: translateY(-100%); }
}

.divTable {
       white-space: nowrap;
       overflow: hidden;
       height:150px;
       box-sizing: border-box;
}

.divTable div {
       -webkit-animation: divTable 5s linear infinite alternate; 
}