Hello guys! I am back with another fun tutorial. Simple and quick. This time we are going to add a nice hovering animation on Divi blurb module’s content. To the icon, the title and the content. Let’s have a look at the demo first.

Step one –  Create ‘Reveal On Hover’ animation on Divi

Add a section and a three columns row. (Depend on your needs. Here I am telling you what I did on my demo). And add three blurb modules then style it the way you want. We need to add a class to each module. I added ds-blurb for all three.

animation on Divi
Below is what I did. Icon on the top, the title and the small text below.
Create  animation on Divi

* Important – Do not forget to give a fixed height for all three blurs, like below. I gave 260px as height in my version. 

Create  animation on Divi

Step Two 

Now simply copy and paste the below CSS code snippet to Divi Theme Option’s Custom CSS area or WP Customizer Additional CSS area or to your child theme’s style.css file. (use any method you use to add custom css).

That’s it guys. Now you can add an attractive animation on Divi .It will do the trick ;). Please comment below if you need any help.

Also, don’t forget to read our blog .

Pin It on Pinterest