HorizontalParallax - breakfusion.com

Customize your horizontal 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-horizontal-parallax📋
with the value "true" to any container element

Your custom image and all settings are included in the generated code! The script will automatically use your configured image and settings. Remember to set the attribute value to "true".

⬇

Scroll to see effect

⬆

Breakfusion Exclusive Get Your Horizontal Parallax Effect

Add stunning horizontal 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.2

Zoom Factor 1.4

Transition Duration 0.3s

Visual Filters

Brightness 100%

Contrast 100%

Saturation 100%

Blur 0px

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