Creating a marquee effect with an infinite loop

Hi there,

I have the following fiddle that uses a marquee animation effect. It kind of works, but I can’t seem to get it to loop continuously without gaps between each scroll.

https://jsfiddle.net/toolman/fk3xqm47/1/

As you can see, once the p span has finished, there is a gap after it.

Is there a way to have it repeat again straight after without placing multiple/repeating the span tags?

Thanks!

As far as I can see, there is no way to avoid the gap unless you have two (or more) span elements. In different circumstances for horizontal or vertical animated scrolling I have used JavaScript to duplicate the text on page load but there’s little point in you doing this.

1 Like

I see, I think i will have to have more than one span tag. I will have a play and see if I can find another way.