As you already know by now, Divi has a ton of design settings that allow you to create unique hover effects for any Divi element (sections, rows, or modules). Usually, a hover effect is isolated to just one element.
For example, if you add a transform rotate property to a module on hover, that rotation will activate when hovering over the module. However, if you add an additional hover effect to the row containing the module, this adds another layer of hover effects when hovering over the module.
This opens the door for some uniquely abstract hover effects.
In this tutorial, we will explore how to transform multiple elements for abstract hover effects using Divi’s built-in settings. And since we will be using rows a little differently for this design, I’ll show you how to create a grid layout for your rows so you can showcase these hover effects in a gallery (if you want).