Streaming live at 10am (PST)

Animate / move objects across sections

Hi everyone,

I’m trying to build an opacity/move interaction that will move objects from their position in one section to a different position in another section. At least I believe that’s how it works.

To illustrate what I’m talking about I’ve made these screenshots of the XD file:

  1. Initial screen

  2. The stars (some of them) fade & turn into dots & copy changes on scroll

  3. The dots move from their position to another & copy changes on scroll

  4. The dots morph/fade (opacity) to form this big circle (I want to give it my best shot to do this in Webflow, not Lottie or anything)

Can anyone point me into the right direction on how this or something similar might work?



PS. The site is work in progress but I’ve posted the link below regardless.

Here is my site Read-Only: Here’s the link to the site
(how to share your site Read-Only link)

Ok, as I’m working through this I’m just going to document my thought process here…for what it’s worth.

I just found this. I think this might put me on the right track: