---
title: "Parallax image: a depth scrolling effect"
description: "Add a background image with a parallax effect: it scrolls more slowly than the content to create a sense of depth on your page."
url: https://docs.vivlab.com/en/editor/menu/image-parallax
---

# Parallax image

The **Parallax image** element adds a background image with a parallax scroll effect: the image moves more slowly than the content scrolling over it, creating a sense of depth.

## Edit the image

Click **Change image** below the preview in the side panel to load another one. To optimize parallax rendering, **prefer uploading a portrait-oriented image**: the effect is more pronounced than with a landscape one.

<DocsScreenshot name="editor-image-library" alt="The My images library, shared by image elements." caption="The My images library, shared by image elements." :width="960" :height="368" />

## Style

The [style panel](https://docs.vivlab.com/en/editor/style/index.md) gathers the [background](https://docs.vivlab.com/en/editor/style/background.md), [borders](https://docs.vivlab.com/en/editor/style/border.md), [corner radius](https://docs.vivlab.com/en/editor/style/border-radius.md), [shadow](https://docs.vivlab.com/en/editor/style/box-shadow.md), [inner margins](https://docs.vivlab.com/en/editor/style/padding.md), [filters](https://docs.vivlab.com/en/editor/style/filter.md) and [transitions](https://docs.vivlab.com/en/editor/style/transition.md). You can also frame the image in a [device mockup](https://docs.vivlab.com/en/editor/style/mockup.md) (MacBook, iPhone…).