Breakaway Image Transition with Scroll Effects

Divi’s Scroll Effects allow us to create exceptional transition animations that can wow visitors with an eye-catching design. Images, in particular, can showcase the power of these scroll effects in surprising ways.

In this tutorial, we are going to explain step-by-step how to create a breakaway image transition with Divi’s scroll effects. The effect involves slicing images beforehand using a photo editor like Photoshop (its pretty easy to do). After the images are sliced, all we need to do is add them to Divi and use the built-in scroll effects to make the magic happen.