JSFiddle - React, Tailwind, and code Playground
HTML
<p><span>Multos ullamco ea distinguantur, si esse incididunt reprehenderit ubi non
vidisse exercitation qui quamquam magna amet nostrud quae, quo e nulla malis
quid in hic dolor commodo adipisicing de sunt sempiternum incurreret labore
ullamco nam magna senserit graviterque. Sed fore coniunctione, illum aliquip id
amet legam. Vidisse varias litteris, noster cupidatat comprehenderit, in summis
sempiternum, fabulas dolor enim proident malis est quo ingeniis ex mentitum in
iudicem sunt occaecat laboris iis expetendis anim anim ad irure a culpa
praesentibus incididunt fore incurreret. Lorem te de aliqua doctrina, id tamen
singulis. Quamquam do quis eiusmod est o a enim officia ut an incurreret
transferrem ea ab et velit nescius. Quae admodum sed efflorescere aut an sed
praesentibus, commodo sint excepteur iis litteris irure quibusdam quo offendit
aliqua ut possumus illustriora, ex cillum non labore, ipsum laboris ea
consectetur ad offendit te nescius. Fore appellat a eram illum.</span></p>
CSS
p {
box-sizing: border-box;
margin: 0 auto;
overflow: hidden;
white-space: nowrap;
}
span {
-webkit-animation: marquee 70s linear infinite;
display: inline-block;
padding-left: 100%;
}
@-webkit-keyframes marquee {
0% {
-webkit-transform: translate3d(0, 0, 0);
}
100% {
-webkit-transform: translate3d(-100%, 0, 0);
}
}