WPBakery page builder

Slide Parallax

Perfect choice for creating the unusual and stylish before-after effects

PrevImage Layers27 December 2016 NextVideo Player27 December 2016

Create the amazing effect of two images overlapping each other with a slider to unleash the hidden one.

You may check the module examples here.

Watch the video tutorial on Slide Parallax module creation for more details.

General settings

General settings

Direction – select the direction to slide the images.
- Horizontal – the images will be sliding horizontally.
- Vertical – the images will be sliding vertically.

Extra features

Animation – choose between 14 preset animation effects.
Custom CSS class – enter our own unique class name for the item – this is a useful option for those who want to create a specific style. E.g.: you can type custom-style class and then go to ~~Theme options~~ ~~General options~~ ~~Custom CSS/JS~~ ~~Custom CSS~~ field and write your own CSS code with this class to get your own style.

Image settings

Images settings

First image – upload the first image for the module.
Second image – upload the second image which will change the first one for the module.

Images size

Image width – set the width for the images.
Image height – set the width for the images.

Divider settings

Divider settings

Divider image – upload the image which will be set as the divider between the images.
Delimiter width – set the width for the divider between the images.
Delimiter color – set the delimiter color for the images. The default color is not set for this element.