Create a Looping Effect with Stripe Animation
Now that we have our stripes, it's time to animate them.
We want to have them translate
x to the right by 20 pixels over a duration of one second, repeating in a linear way:
0:00 Now that we have our stripes, it's time to animate them. What we want to do is have them translateX to the right by 20 pixels over a duration of one second. This should repeat over and over in a linear way.
0:13 Basically, all the stripes will slowly travel to the right and, technically, start again and again, but it will feel seamless, as it's a constant translate happening. This one's pretty tricky. Have fun with it. I'll show you the solution after that.