JSFiddle - React, Tailwind, and code Playground

by Ankit Patidar

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.Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END.Longer text lorem ipsum dolor sit amet, consectetur adipiscing elit END.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: 500,
        direction:'up'
    });
});