GSAP Extensions

How to Use Parallax Effect in BricksFly

Estimated reading: 2 minutes 5 views

Parallax Effect in BricksFly helps create a smooth scrolling motion by moving selected elements at a different speed than the page scroll. This feature is useful for adding depth, movement, and a more interactive feel to images, text, or other elements.

Requirement 

Make sure you have installed:

  • Bricks Theme 
  • BricksFly Pro
Requiremnt of text animation in bricksfly
Bricksfly pro

Activate Parallax Effect in BricksFly

  1. Go to your WordPress Dashboard. 
  2. Click on BricksFly. 
  3. Head to the Extension tab. 
  4. Under ScrollSmoother, toggle on Parallax Effect.
Activate parralax effect

Applying Parallax Effect to an Element

Select the element where you want to apply the parallax animation, such as an image or text element. In this example, an image element is selected.

Then, go to Parallax Effect → Enable Scroll Smoother and turn it on.

Enable parralax effect

Speed

It controls how fast the Element moves compared to the normal scroll speed.

A lower value makes the Element move more slowly, creating a stronger parallax effect. A higher value makes the Element move faster with the scroll.

Example:

  • 1 = normal movement
  • 0.5 = slower movement
  • 2 = faster movement

Lag

It controls how smoothly the Element follows the scroll movement.

A higher lag value makes the Element follow the scroll with a delayed, smooth motion. A lower value makes the Element respond more quickly.

Example:

  • 0 = no lag
  • 0.5 = slight smooth delay
  • 1 or higher = stronger delayed movement

In this example, the Lag value is set to 0. You can adjust this value based on your preference.

Final Output of Parallax Effect

Share this Doc

How to Use Parallax Effect in BricksFly

Or copy link

CONTENTS