Scrolling and Looping Text, like a ticker box

Hi All,
Just trying to put some scrolling text in my app and wondered why i cant het the text to loop. It’s currently scrolling ok but not looping. Thanks for any answers

I used HTM code as follows

.tcontainer { width: 100%; overflow: hidden; } .ticker-wrap { width: 100%; padding-left: 10%; background-color: #65f235 } @keyframes ticker { 100% { transform: translate3d(-100%, 0, 0); } } .ticker-move { display: inline-block; white-space: nowrap; padding-right: 10%; animation: ticker 60s; animation-iteration-count: linear infinite; } .ticker-move:hover { animation-play-state: running ; } .ticker-item { display: inline-block; padding: 0px 40px; font-size: 28px; font-weight: bold; font-style: italic; font-family: Franklin Gothic Medium; color: #ffffff; }

This topic was automatically closed after 70 days. New replies are no longer allowed.