LIVE NOW

Visual Configurator is now active — Customize 50+ professional animations Visual Configurator is live!

Get Started
Vertical Parallax Effect Configurator

How to Use in Bricks Builder

  1. Customize your vertical parallax effect using the controls below
  2. Click the Get Code button and copy the JavaScript
  3. In Bricks Builder, add a Code element and paste the JavaScript
  4. Add the attribute
    data-vertical-parallax📋
    to any container element
Your custom image and all settings are included in the generated code! Simply add the data-vertical-parallax attribute to any element.
⬇
Scroll to see effect
⬆
BricksFusion 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%

JavaScript Code