by Crawford | Squarespace Web Designer

View Original

Add Parallax Effect to Image Blocks on Squarespace

One of my favorite effects to add to Squarespace website is parallax scrolling on images.

In this tutorial I’ll walk you through exactly how to do it.

Watch the video

Check out the YouTube video below 👇

Head to the page you want to add parallax effect to and double click the relevant image. Head to the design tab in the edit panel that appears and select the image effect.

Here you’ll be presented with a variety of image effects and you need to select parallax. You can randomize your effect or edit it yourself, changing the intensity, angle and zoom.

Hit save and you can then head to the preview of your website to see the effect in action on your website.


📩 Join the inner circle to get exclusive code updates

See this form in the original post

Super simple but a super impactful effect to add to your website images for a dynamic user experience.


Your designer

I'm Sam, an award-winning Squarespace web designer. I have worked with every type of business, building platforms for solo entrepreneurs through to multi-million dollar corporations. If you want to discuss a potential project, you can email on sam@bycrawford.com or get in touch with me here. Alternatively, you can book in a free 15-minute consultation call here.

See this social icon list in the original post

Want more?

See this content in the original post