So I just created my first full sample test site on Webflow by following a tutorial and I love how it turned out. One thing that I would like to add is parallax to the site header such as in this example: http://newstorycharity.org/
I tried searching through the forums for something this is specific to a header but I couldn’t find something that could help me with this. There probably is something there but it was a bit overwhelming.
Can anyone help me with a simple walk through on how I could achieve a parallax effect for the header. Would really appreciate it. Thank you in advance.
Oh, it’s not a parallax, it’s a fixed background, you’re 1 click away from getting that on your site. Edit the background image of your hero section and click the “fixed” button.
Not really, I’d have to search for the most relevant post on the forum so I’ll let you do it I’ve only did parallax with CSS only, you can check the experiment with the rocket on my designer page, but I don’t recommend it, tedious to do, impossible to maintain, huge load of downsides. The right way is the JS way and as I haven’t tried it, I don’t know what’s easy or not. I’m honestly waiting for WF to support parallaxes to start digging into it I’m concentrating on SVG things and CSS filters at the moment.
Ahh @vincent yeah that’s been my approach too, I used simple parallax for Riaz.london (Thanks to @bartekkustra for that) but haven’t been able to find a clean solution for a background image though without using cutouts and things. I really need to get round to understanding js things better but right now am focusing on doing fun long interaction sequences.
I’ve only did parallax with CSS only, you can check the experiment with the rocket on my designer page, but I don’t recommend it, tedious to do, impossible to maintain, huge load of downsides. The right way is the JS way and as I haven’t tried it, I don’t know what’s easy or not. I’m honestly waiting for WF to support parallaxes to start digging into it