3D Parallax Hero Section

Turn a still image into a scene visitors can move through. A layered parallax effect brings the foreground closer, shifts the scenery behind it, and lets headings slide behind parts of your image as the page scrolls.

Using SquareKicker’s Scroll Effects, you can control how each layer moves and scales to create the illusion of three dimensions. Try it with landscape photography, product imagery or illustrations to give your Squarespace hero section depth and movement.

Watch the tutorial to learn how to prepare your image layers and bring them together with Scroll Effects.