Question : css infinite scrolling text
Answered by : matteo-zucchetti
.marquee { margin: 0 auto; white-space: nowrap; overflow: hidden; position: absolute;
}
.marquee span { display: inline-block; padding-left: 100%; animation: marquee 5s linear infinite;
}
.marquee2 span { animation-delay: 2.5s;
}
@keyframes marquee { 0% { transform: translate(0, 0); } 100% { transform: translate(-100%, 0); }
}
Source : https://stackoverflow.com/questions/45847392/pure-css-continuous-horizontal-text-scroll-without-break | Last Update : Wed, 12 Oct 22