Hero Banner Parallax Scrolling Animation in Squarespace 7.1 – In this video I show you how to create a cool multi layer parallax animation that is tied to scroll. As the user scrolls down the page, the different elements that make up the image parallax at different speeds for a very immersive effect!
Get the code:
https://schwartz-edmisten.com/blog/hero-banner-parallax-scrolling-animation-in-squarespace-71
Sign up for my free Squarespace CSS for beginners eCourse:
https://schwartz-edmisten.com/learn-css-4-day-ecourse
Learn to create custom layouts in Squarespace!
https://schwartz-edmisten.com/custom-layouts-with-flexbox
Save 10% off your first subscription of a Squarespace website or domain by using code PARTNER10. (This is an affiliate link, so if you end up setting your website live I will receive a small commission!)
squarespace.syuh.net/sewebdesign
My goal is to help you create more custom Squarespace websites so that you can charge more for your services.
If you need help designing, updating, or implementing custom code on your Squarespace website, you can hire me to do so through my contact page:
https://schwartz-edmisten.com/contact
If my content has helped you out I would really appreciate a small donation to allow me to keep making tutorials:
https://schwartz-edmisten.com/donate
———
Credits:
Man vector created by upklyak: https://www.freepik.com/vectors/man
Original Tutorial Video: https://www.youtube.com/watch?v=1wfeqDyMUx4&ab_channel=OnlineTutorials
Music: https://soundcloud.com/justin-kolas
