JSFiddle - React, Tailwind, and code Playground

by Aamir Afridi

HTML

<script src="https://rawgithub.com/tobia/Pause/master/jquery.pause.js"></script>
<script src="//cdn.jsdelivr.net/jquery.marquee/1.3.1/jquery.marquee.min.js"></script>
<div class='marquee'>Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END.</div>

CSS

body {
    margin: 10px;
    font-family:'Lato', sans-serif;
}
.marquee {
    width: 300px;
    overflow: hidden;
    border:1px solid #ccc;
    background: black;
    color: rgb(202, 255, 195);
}

JavaScript

$(function () {
    $('.marquee').marquee({
        duration: 5000
    });
});