As I was about to develop The Mud Houzz I browse around for inspiration and came across this Child Theme for Divi. I love how the module pop out of the page when hovered (hover on the modules below).

This is a Blurb

This is where you put the texts. This is where you put the texts. This is where you put the texts. This is where you put the texts. This is where you put the texts.

This is a Blurb

This is where you put the texts. This is where you put the texts. This is where you put the texts. This is where you put the texts. This is where you put the texts.

This is a Blurb

This is where you put the texts. This is where you put the texts. This is where you put the texts. This is where you put the texts. This is where you put the texts.

I did a little research to mimic this effect and here’s how I’ve done it:

Step 1:  Use a CSS Class, I’ve used this “rr-module-hover”.

Step 2: Paste this CSS code to your website, you can go to the Theme Options > Custom CSS

/*blurb hover*/

.rr-module-hover:hover {
-webkit-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
box-shadow: 1px 5px 14px rgba(0, 0, 0, 1);
z-index: 1;
}

.rr-module-hover {
transition: all 0.6s;
}

Here’s a video tutorial in case you need one:

Pin It on Pinterest

Share This