html marquee

html marquee

html
<div className="marquee">
    <div>
        <span> {summary}</span>
        <span> {summary}</span>
    </div>
</div>


css
 .marquee {
     height: 14px;
     width: 70%;
     overflow: hidden;
     position: relative;
     color: #999;
 }

 .marquee:after {
     clear: both;
 }

 .marquee div {
     display: block;
     width: 200%;
     height: 15px;
     position: absolute;
     overflow: hidden;
     animation: marquee 4s linear infinite;
 }

.marquee span {
     float: left;
     width: 50%;
 }

 @keyframes marquee {
     0% {
         left: 0;
     }
     100% {
         left: -100%;
     }
 }