Bug: Animation looping doesn't work

[some0ne]

At least I think it's a bug! I se all my elements to loop infinitely, and every element has a last keyframe at the same point on the timeline (at 20:00 seconds, in this case). Maybe every element ALSO has to have a key frame at the very beginning of the timeline? 

Otherwise, if I am doing everything correctly, there is a bug in the animated ad looping process. The ad goes all the way through once and looks good. But when it begins to loop, the elements seem to display out of chronology, and choppily, and some elements don't display at all on the second go around.

I can send in the files I'm working with if that helps.

[Sukhbir Kaur]

Hi ,

Can you please send your  source file @ gwd-support@google.com   so we can take a look  ?

Thanks

Sukhbir

(GWD Team)

[some0ne]

Just sent it to your team. Let me know if questions. Thank you.

[d.le...@netbiscuits.com]

Hi, this is also happening to me. Did you manage to figure out what's going wrong?

[ninjaqe]

Hello, 

Thanks for sending the file to us.

I noticed that you have animation delay applied to the beginning of each animation layer that also specifies infinite animation times.  The delay part of the animation only plays at the beginning of the each animation. Therefore, for the second time around of the animation, animation delay is ignored.This is how CSS animation works and due to this limitation, I am not sure if there is any workaround for this issue.

However, GWD team is working on several new features to enhance timeline animation.

Thanks for your report,

Mariko Ogawa (GWD team)

[David Sanchez]

The looping should be specific to certain keyframes and not the whole timeline. 

[some0ne]

There currently is no option to loop the entire timeline with one global button. But you can loop each animated element. I had put delays at the beginning of each instead of a keyframe with zero-opacity which would transition to another zero-opacity keyframe right before a keyframe with enough opacity to appear when wanted. 

So here's what the previous and then update looks like: 

[David Sanchez]

I had to create a div and embed it with my loop.