Parallax Widget

The parallax widget is an element that utilizes varying scroll speeds of different layers to create a dynamic and immersive visual effect.

Watch video:

  1. Click on the plus button in the left top corner.
  2. Select a Parallax widget from the Images section.


There are several ways to add images to your parallax widget:

  1. Upload from your device by clicking on the 'Upload' button located in the right side panel.
  2. Import from the Assets tab on the left side.

Please note that your images should be in PNG format and have a transparent background.


Here you can find all the Parallax settings.


Image Settings

You can set the same configuration for all added images or adjust each image separately. To adjust the image separately, you should simply click on the desired image and set the appropriate values for it.

  1. Layer Zoom. This attribute adjusts the image scaling within the borders of the parallax widget.
  2. Effect speed. This attribute adjusts the speed of the parallax effect for each image of the widget.
  3. Reverse. This toggle switches the direction of image movements. By default, the parallax images follow the cursor. However, if you switch the 'Reverse' toggle, they start moving in the opposite direction from the cursor.


Arrange Parallax images

Here you can rearrange the images order of the Parallax widget by dragging one of your images to the desired place.


The Upload button allows you to upload images from your device or from the project library.


Image Configuration panel can be opened by clicking on any of the Parallax widget.


Focal point

The focal point allows you to determine the viewpoint for the cropped image.

There are 2 ways how you can adjust the focal point position:

  1. By dragging the blue circle directly on the image preview field in the settings menu.
  2. By entering the X and Y values into the fields located directly below the image preview field.


Download

You can download your image by clicking the 'Download' button below the image preview field.


Remove

You can remove your image by clicking the 'Remove' button below the image preview field.


Image URL

You can also change the image by replacing the existing URL with the URL of another image.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us