Parallax with CSS only

WebfLow designer page

This 8 layers vertical parallax is made in Webflow with some line of custom CSS code. No Javascript. 

The structure in Webflow is as follow:

All the images are SVG. The method is long and has some downsides, requires a few fine tuning. And you can’t really control the length of the final page. I don’t recommend this method for a full production site. It’s more an experiment. You can duplicate this site and analyse the settings. Below is the custom CSS code added to the site’s dashboard. 

Parallax with CSS only

Made with Webflow (sorry not tweaked for mobile yet)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.