New

9 buttons. Ready to use.

ScrollStack Configurator - BricksFusion
data-scrollstack-container
How to Use & Code Information
  1. Customize your ScrollStack using the controls below
  2. Click Copy JS to copy the JavaScript code to clipboard
  3. In Bricks Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect to any section: go to Section → Style → Attributes, add data-scrollstack-container as attribute name (leave value empty)
  6. Add data-scrollstack-card to each card element inside the container
Card 1
This is the first card in the stack. As you scroll, it will animate with 3D transformations.
Card 2
This is the second card in the stack. Notice how it scales and rotates as you scroll.
Card 3
This is the third card in the stack. The shadow and darkening effects add depth to the animation.
Animation Settings
Animation Duration
0.8s
Stagger Offset
20px
Scale Factor
0.92
Scale Increment
0.04
Visual Effects
Enable 3D Rotation
Enable Shadow Effect
Enable Darkening Effect
Stack on Top
Advanced Settings
Perspective
1000px
Vertical Offset
16px
Container Padding
50px
Mobile Scale
0.6
Disable on Mobile
Mobile Breakpoint
768px