Skip to main content
Multilayer Parallax section

Create a staggered parallax effect by adding multiple layers of a background and foreground image.

Diego Muralles avatar
Written by Diego Muralles
Updated over 4 months ago

A Multilayer parallax section is a great way to add a bit of fluidity to your design, it is essentially adding image layers to your section, each image set to scroll at different speeds.

Adding a Multilayer Parallax section

  1. From the top menu bar, click on the Add Menu (Shortcut: M)

  2. Search for and select Multilayer Parallax

  3. Select it

  4. Hover over the canvas and click where it says Add section here

Styling a Multilayer Parallax section

  • Clip content: Toggle to hide the content that goes beyond the section's edges

  • Resize to fill vertically: Click to set the section's height to 100%

  • Background:

    • Add fill: Add a color as the section's background

    • Add gradient: Combine colors to add a gradient as the section's background

    • Add background image: Upload an image or choose an image from one of our free stock images libraries and use it as the section's background

Aspect Ratio

Specifying and locking the aspect ratio of a Multilayer Parallax section will allow you to adjust and resize it but still maintain the overall relationship between height and width.

⭐️ Tip: Right-click the aspect lock to open up a menu of popular aspect ratios.

Configuration options

Parameter

Description

Image should contain not cover

Toggle to set the background image to contain (cover is the default state)

Images

Click the pen icon and Select Add Image or choose an image from one of our free stock image libraries

Effects 0% to 100%

Adjust the scroll effect (0% scrolls regular, 100% stands still)

Organizing Multilayer Parallax sections

Once a Multilayer Parallax section has been added it'll appear in the layers panel, you can drag it above or below other sections to place it where you need it in your project. Follow the steps below to learn how to do it.

  1. Select the section in the layers panel

  2. Click and hold it

  3. Drag it above or below the section you want

Did this answer your question?