BLACK FRIDAY
Ends in 00h 00m 00s
25% OFF LTD
ScrollStack Configurator - Breakfusion
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 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