JSFiddle - React, Tailwind, and code Playground

by darkajax

HTML

<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/themes/ui-darkness/jquery-ui.css">
<script src="http://www.trirand.com/blog/phpjqgrid/js/jquery.jqGrid.min.js"></script>
<div class="marquee"><span class="ui-icon ui-icon-alert" style="float: left; margin-right: .3em;"></span>There's an ongoing EVENT, please check your </strong><span class="ui-icon ui-icon-mail-closed" style="display: inline-block; margin-right: .3em;height: 14px;"></span> for details.</div>

CSS

.marquee {
    overflow: auto;
    white-space: nowrap overflow-style: marquee;
    marquee-style: slide;
    marquee-loop: infinite;
    overflow-x: -webkit-marquee;
    -webkit-marquee: backwards medium infinite scroll normal;
    background: black;
    color: white;
 
/* webkit-maquee: direction(ahead|auto|backwards|down|forwards|inherit|left|reverse|right|up) increment(small|medium|large) repetition(infinite |integer) style(alternate|inherit|none|scroll|slide) speed(slow|normal|fast) */
}