Opens in a new tab
BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD

Ready to enhance your Breakdance experience?

Add premium elements that enhance user experience.

Quick Started

Ready to enhance your Bricks Builder experience?

Unlock Breakfusion. Make today your launch day.

ScrollStack Configurator - Breakfusion
data-scrollstack-container

ScrollStack

3D Scroll Animations for Breakdance Builder

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 Breakdance Builder, add a Code element
  4. Paste the JavaScript code
  5. To add the effect: go to Container Section → Settings → Advanced → Attributes, add data-scrollstack-container with value true
  6. For each card element inside the container: add data-scrollstack-card with value true
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.8
Stagger Offset ℹ
20
Scale Factor ℹ
0.92
Scale Increment ℹ
0.04
Effect Toggles
Enable 3D Rotation
Enable Shadow Effect
Enable Darkening Effect
Advanced Settings
Perspective ℹ
1000
Vertical Offset ℹ
16
Container Padding ℹ
50
Mobile Settings
Mobile Scale ℹ
0.6
Mobile Breakpoint ℹ
768
Disable on Mobile