I have this animation in which I have 4 squares - red, green, blue and orange - in this order, in a sliding row. Check animation
When I mouseover on any of them, the timeline slides one square to the left/right centering one of the squares - for ex, if the green square is centered and I mouseover the blue square, the entire row slides one square to the left so that the blue square becomes centered. It's like an horizontal sliding menu.
The whole thing works fine. What I need is for this animation to be loopable, that is, when I reach the final square (orange) I want the row to keep sliding so that the first one - the red square - becomes centered (always seing a bit of the previous and next square).
How do I this?
I just duplicated the red, green and purple boxes (to keep those at start and the end of animation) and put some logic on it. It's quite simple.
Here are the files.
This is my first answer here, so, I'd be glad if you mark as correct!
PS: Você é brasileira?