Parallax Defaults

The Parallax Defaults section defines the baseline behavior for depth-based animations on the current page. By simulating a three-dimensional space, you can create immersive popups that react to user interaction. These settings act as the global values for all parallax-enabled layers on this page.

The Parallax Defaults interface in the Page Options

Core Movement Settings

Define the fundamental type and trigger of the parallax interaction.

Type

Choose between 2D (shifting on X and Y axes) or 3D (introducing depth and rotation). 3D effects provide a more dramatic sense of space but require more processing power from the visitor's device.

Event

Specify the user action that drives the animation:

• Cursor or Tilt: The layers react to the mouse cursor on desktops or the physical tilting (gyroscope) of mobile devices.
• Scroll: The movement is tied to the visitor scrolling the background website.

Axes

Restrict the movement to a specific direction. You can select Both axes, or limit the interaction to just the X-axis (horizontal) or Y-axis (vertical).

Motion Control & Smoothness

Control the pivot points and the responsiveness of the animation transition.

Transform Origin

Sets the central point from which all layer transformations are calculated.

• The three values represent the X, Y, and Z coordinates (default: 50% 50% 0).
• Changing this allows layers to rotate or shift around their corners rather than their center.

Move duration

The time (in milliseconds) it takes for a layer to reach its target position when the user moves the cursor. Higher values (e.g., 1500) create a smoother, "floaty" feel.

Leave duration

The time it takes for layers to return to their original, neutral position once the user stops the interaction or the mouse leaves the popup area.

Effect Intensity

Fine-tune the strength of the parallax movement and the perception of depth.

Distance

Determines the magnitude of the movement. A higher value will cause the layers to travel a greater distance across the screen in response to mouse movement.

Rotation

Used primarily in 3D parallax to define the maximum tilt/rotation applied to layers as they follow the cursor.

Perspective

Defines the perceived distance between the viewer and the 3D plane. A lower value creates a much more intense, exaggerated 3D effect, while a higher value (e.g., 500 or more) makes the depth appear more subtle and natural.