Streaming live at 10am (PST)

Svg loop animation


#1

Hi, I'm Frank, BIG Thanks to the great resources in Webflow Forum.

Here is my public share link: LINK

I post my website ( http://soochow.webflow.io/ ) on the live stream today with a question of how to better solve my homepage background interactions?
(1. I want to loop it again and again / 2. at the same time, It could function in RWD.)

In my desktop view

I hack it using 2 svg:

1 is in the page , the other is position:relative with left: -100%

both set to "move" interaction (transition x:180vh )

180vh is just a number I found it fullfill my goal

In my tablet view

Same as mention, just tweak my dotWrapper width to make svg bigger

and similar to mobile devise

ps. sorry I don't know how to make it into a gif or video, so I can't use a background video.


Here is my public share link: LINK


#2

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