Streaming live at 10am (PST)

Parallax effect with multiple layers of content


#1

Here is a video of the effect I am trying to create: https://www.dropbox.com/s/5emyg23y4wndsks/b18588b0d39aefcecb6e4d2d28ddbef3.mp4?dl=0

Already made layers with different data-depth per example of the master of Parallax effect. But now I want this sliding in effect, where titles and text hide behind the mountain, and that the elements also appear more 3d than they appear now.

Is this possible in webflow?

My website is dutchmansgoldthegame.com

My shared link is https://preview.webflow.com/preview/dtsgold-parallax11033220?preview=16f0b0355ea536190abd05d74f11c2a1


#2

Hi, thanks @Aimanisms, I am happy to go check it out, I will get back with you as soon as I have some info smile Cheers, Dave


#3

@cyberdave And have you found some awesome advice smile ?


#5

@cyberdave Hi dave, still waiting for a response.


#6

Hi @Aimanisms, really cool effect you're working on! Webflow doesn't have parallax support, but you may be able to do this with custom code after export. :-/ Hopefully we can get some more effects in our native feature set soon - but no current public ETA on that yet.

If you've already made some ground on the parallax effects, you may be able to try and do some scroll based transforms with our interactions. http://interactions.webflow.com and http://help.webflow.com/interactions and https://webflow.com/design/interactions?preview=e645e218f9fa34829781bf96c365fee9

This demo kit may get you started on some cool interactions too: https://preview.webflow.com/preview/demokit?preview=72388b288a26874be319ca1f7412d4eb

More info here:
http://help.webflow.com/features/exporting
http://help.webflow.com/site-settings/custom-code

Hope this helps! smile


#7

If I understand it correctly did u just say that I need to export my site and host it somewhere else to make it work?

Cause your custom code tab site and exporting, both say different things, one is about exporting your site. and one is about adding custom code to your site.

In the case that the answer really is, that it doesn't work and that I should go elsewhere to make the site work. Then this is really lame, letting me wait for so long. Give that answer directly then.

Wow


#8

I have found the solution to my problem. But How do I implement this in webflow?

http://keithclark.co.uk/articles/pure-css-parallax-websites/demo3-webkit-overflow-fix/


#9

Bump that! Multiple parallax sections in the same page, that's what i've been looking for but cant achieve :frowning:
All i was able to do was a Hero Parallax by applying what i found here :https://webflowcodestutorials.webflow.io/imagery


#10