Streaming live at 10am (PST)

Floating 3D animation

Can anyone help me to understand how to create this effect seen here: where the 3d boxes are floating up when you load the page? I want to create this effect to make it look like stars are floating in space like here

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

Those 3D boxes are basically 6 square panes connected to each other to create a cube. So you view the tutorial of example 6, duplicate that square and animate them on page load.

However, you can’t make them behave randomly without any custom coding.
To create a similar effect to the particles on the meteor site, take a look at this:

1 Like

Hey thanks for sharing the codepen! Are the cubes also moving randomly? I guess I need to upgrade to be able to add custom code. Do you happen to know how this was created?

Wow that site is epic!
I have no clue how that’s built.

I believe the cubes on the Webflow 3D site are not moving randomly. The movement is predefined in the interaction.