Advice on an animation I have to make with Webflow

Design help General
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:

Thanks :slight_smile: !

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!