Parallax - breakfusion.com

Customize your vertical parallax effect using the controls below
Click the Get Code button and copy the JavaScript
In Breakdance Builder, add a Code element and paste the JavaScript
Add the attribute
data-vertical-parallax📋
with the value "true" to any container element

Your custom image and all settings are included in the generated code! Simply add the data-vertical-parallax attribute with the value "true" to any element.

⬇

Scroll to see effect

⬆

Breakfusion Exclusive Get Your Vertical Parallax Effect

Add stunning vertical parallax scrolling effects to your website with this custom-crafted JavaScript snippet.

Easy implementation with simple data attributes
Fully responsive design that adapts to any device
Customizable intensity and visual filters
Performance optimized for smooth animations
Works in all modern browsers and devices

Background Image

Image URL

Enter image URL below or click a sample

Parallax Settings

Parallax Intensity 0.25

Zoom Factor 1.6

Transition Duration 0.3s

Visual Filters

Brightness 100%

Contrast 100%

Saturation 100%

Blur 0px

Sepia 0%

Grayscale 0%

Code Copied Successfully! Ready to paste into Breakdance Builder

Documentation

GETTING STARTED

MENU ANIMATION

CORE BACKGROUND

SHOWCASE

VISUAL EFFECTS

ANIMATED TEXT

INTERACTION

INSTANT MOTION

TRANSITION PAGES

How to Use in Breakdance Builder

JavaScript Code