Streaming live at 10am (PST)

Can this effect be achieved in webflow ?!

#1

Just wondering how to achieve this 3d parallax scrolling effect along with the clouds and the animated menu links (on the map) in webflow - as on this movie site below.

cheers

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

#2

Should be pretty straightforward-ish. There was a workshop by Nelson a while ago where he did a similar thing. Should be in here somewhere https://forum.webflow.com/c/resources/events-and-livestreams. It was a mountain in the back, log cabin in the front and clouds and they moved down the page.
I’m guessing you’d take that setup and change the perspective to create a similar result to the site you shared.

#3

you mean this ?

#4

no, that’s not the one. They did use the same image for the other workshop as they did here. I had a look but couldn’t find it right away. Maybe @PixelGeek can help out? (if we’re allowed to tag people, not sure)

#5

I think @sarahfrison talks about this > https://www.youtube.com/watch?v=x-vvcZlF_4A

The idea is different. You will need some perspective/3d stuff ect. Still the workshop can be useful.

Piter :webflow_heart:

#6

Yes, that’s the one I meant :slight_smile:.

#7

Thanks Piter and Sarah ! I had a look and yes it’s a different idea - not quite what I was after. The clouds motion and underlying menu items might need some more digging, to get the effect.
Any idea where to look for the 3d perspective etc. ?

1 Like
#8

You can start here > https://university.webflow.com/article/3d-perspective

Here’s another useful resource > http://3d-transforms.webflow.com/

I think that combining scroll interactions and 3d can solve the problem.

Piter :webflow_heart: