Marquee problem
Hello, I'm trying to create a CSS marquee animation but the animation is starting back from zero each time. Here is the code:
1 Reply
Can't do much about the way the animation needs to start over, so what you need to do is actually double the thing you want to animate... like, repeat the entire list that's animating, and then do a translate for 50% of it.
I did it here: https://codepen.io/kevinpowell/pen/rNQLQYe/07aab05e41d0c954498e34d07400c607
The only thing here is I'd use
aria-hidden
on the duplicated list items (I didn't do this in the codepen), so if a screen reader comes across this, it doesn't read the entire list out, since it just repeats itself.