How to loop certain graphics with interactions

Design help Animations & Interactions
1

I have 30 seconds long animation with page load, but I wanted to loop certain element from 5 second to 10 second only. How do I do that?

I tried to create a couple of timed animations, but there are two problems.

  1. I can only select single ‘timed animation’ which will only play single ‘timed animation’ (See the attachment)
    Attachment-1
    Attachment-1696×865 47 KB
  2. If I want to use loop for single ‘timed animation’, there is no option for it.

Anyway, I feel like there is a better solution out there, so please advise me.
Thank you.

Here is my public share link: LINK
(how to access public share link)

2

You will have to create multiple “on page load” interactions with different animations inside. Some will loop, some will not. No other way to do it as far as I am aware. I am not sure I understand the “I wanted to loop certain element from 5 second to 10 second only” part so it may be not what you are after though.

1 Like
3

I got it.
I need to create multiple ‘on page load’, not the ‘timed animation’
Thanks