Streaming live at 10am (PST)

Advice on an animation I have to make with Webflow


#1

Hey guys,

I have to make a worldmap with animated destinations like this: http://www.liberty-int.com/

This is what I have done in Webflow untill now: http://doesmap.webflow.io/

The problem I have is basically, the destinations have to fade in, disappear constantly and loop.
I have managed to make these 2 disappear with the same animation but how do I for example
Tell "New York" and "Australia" to restart the animation when "Bangkok" has ended. so that the
locations loop constantly.

Thanks in advance!


#2

Hey @Anton_Bram

Could you provide a read-only link so that we can take a look at your project?
Here is how:
http://help.webflow.com/article/how-do-i-share-my-sites-read-only-link

Thanks :slightly_smiling: !


#3

Oh i'm sorry, this was new to me.
Thanks! here is the link

Link: https://preview.webflow.com/preview/doesmap?preview=b962ca7d73dc1fadded2b91d001b9f04


#4

No problem at all! I'll take a look :wink:


#5

Here is a really quick example, obviously you need to tweak it more than i did but this will get you on your way:
http://quick.as/b86rIOJBq


#6

First of all, THANK you so much for your instruction, really appreciate it.
I followed your instructions but at 1:54 I seem to not get New York to loop.
I don't get what I am missing.

Link: https://preview.webflow.com/preview/doesmap2?preview=b30233fd0d9a4a4bc19b40de1a04ba15


#7

Hey,

This should fix it:


#8

Fantastic! thanks a million and have a great weekend!


#9

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.