Parallax Effect

Overview

You can add parallax scrolling to any page of your site. The effect is based on scrolling the background and foreground layers at different speeds, creating a vibrant 3D scene. This works best on a page with multiple elements.

Add parallax scrolling

  1. In the Main Administrative Menu, navigate to Content.
  2. In the Content Overview table, locate the page where you want to add a parallax effect and click Edit.
  3. Add or edit one of the paragraph types that support Parallax Effect:
  4. Select an image from your media library or upload a new one. If you're using a text box, select a background color.
  5. In the Display Options section, enable Use Parallax Effect.

Tip

For inspiration and implementation examples, visit our Demo Page.