Divi Before/After Slider

Before/After slider for Divi using scroll effects

The Elegant Themes tutorial (and free Divi layout JSON) will show you how to create a before and after image slider using the built-in motion scroll effects in Divi. As the user scrolls down the page the image slider will activate to reveal the second image.

This Divi layout is available to download on the Elegant Themes website and is accompanied by a step-by-step tutorial that shows you how to create the layout from scratch.

You can download the completed Divi layout template for free on the Elegant Themes blog post “How to Create Scroll Animated Before and After Images in Divi”.

Affiliate disclosure* – Links to layouts on Elegant Themes and 3rd party websites may contain affiliate code. You will never pay any extra for using these links. Thanks for supporting DiviLayouts.com.