Creating a marquee effect with an infinite loop

HTML & CSS
1

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.

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!

3

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
4

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.

5

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.