Help with the Idea behind this Website

Hey guys, I’m planning my new project that is related to gamification. So I got some inspiration from this website.

I’m interested to know about the geometric background effect and the line the appears when you scroll down the page that simulates a way or a jorney.

Do you guys have any idea if this background effect is done with a video or with a image?

I’d like to discuss how this could be done with webflow, or even ask Nelson @PixelGeek to recreate this homepage in a youtube tutorial.

The geometric bg animation is one of the popular JS backgrounds that a lot of people are using. Ping @zbrah, he’s using one on his website. How do you call that Louis?

The line could also be a JS program, but it can be done with Webflow IX2 and a series of steps masking or making divs grow based on scroll.

1 Like

Styles for the “sticky full height/width” particles wrapper (Add this by webflow UI)

.bg-body {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
}
1 Like

@vincent and @Siton_Systems thank you for the help!!

1 Like