Create Divi blurb hover effect using Divi Blurb Extended

May 8, 2020 | Divi Resources

10 Divi flip box examples using Divi Blurb Extended

Note: In this blog post, we’ll show you 10 Divi flip box layouts created using the Divi Blurb Extended plugin.

Divi Blurb Extended is a premium Divi plugin that allows users to create attractive as well as interactive blurbs. Moreover, it includes multiple modules that further comes with multiple layouts, which makes creating blurbs even more exciting. Therefore, in this article, we’re going to look at 10 Divi flip box designs created using the Advanced Flip Box module.

10 Divi flip box examples using Divi Blurb Extended

Divi flip box layout 01

The above visual representation showcases the button of the flip box on hover that was hidden before.


Divi flip box layout 02

Here the above image displays the right side flip of the flip box and then appearing of the backside content.


 

Divi flip box layout 03

In this illustration, you can see, the title and content of the flip box are still. But when a user hovers over them, it slides the button.


Divi flip box layout 04

Here you can see the flip of the Divi flip box in left and down direction revealing the back content with a button.


 

Divi flip box layout 05

This visual representation showcases the working of Divi flip box based upon the direction of cursor coming and going. As you can see, it is flipping in all directions.


 

Divi flip box layout 06

Here you can see the Divi flip box created using the new Advanced flip box module that adds a 3D effect on the flip box.


 

Divi flip box layout 07

This GIF showcases the working of Divi flip box with a fade effect. When someone hovers over the flip box, it fades the front content smoothly and reveals the back content.


 

Divi flip box layout 08

This image showcases the Zoom In and Zoom Out effect of the Divi flip box. It’s part of the Advanced Flip Boxmodule of the Divi Blurb Extended plugin.


Divi flip box layout 09

Above GIF, displays the slide effect of the flip box, and this image features the left and right side slide flip.


 

Divi flip box layout 10

And finally, this image showcases the up and down direction slide effect of the Divi flip box using Advanced Flip Box module.

Summary

Above, we’ve shown you 10 Divi flip box designs created with the Advanced Flip Box modules and its layouts. If you want to create Divi flip box like these, then get Divi Blurb Extended plugin now!

Posted By:
Shoeb
Hi, I'm Shoeb. I've been fortunate to work with WordPress for over a decade and I'm continuously learning from this journey. Alongside some wonderful people, I help run Elicus in Jaipur. Our aim is to make WordPress tools that are simple and helpful.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

0 Comments

Submit a Comment

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

How to Choose the Right Divi Child Theme for Your Website?

How to Choose the Right Divi Child Theme for Your Website?

When we pick Divi to create a new website on WordPress, we make the best use of prebuilt Divi elements. The most preferred prebuilt Divi element which we always utilize are child themes. These Divi child themes allow you to create a professional business website or...

21 Rules of Designing a Website in 2025

21 Rules of Designing a Website in 2025

In 2021, we published an article with 33 effective tips on designing a website. Now, we're back with another rule for designing a website that you can follow in 2025 for any kind of website project. Combined, you'll have 54 rules for designing a website. With these...

How to Start Your Fashion Blog with Divi and WordPress

How to Start Your Fashion Blog with Divi and WordPress

Creating a fashion blog allows you to express your passion for style and initiate passive income. Fashion bloggers can earn from $10,000 to $50,000 monthly. Many fashion enthusiasts boost their revenue by collaborating with affiliate marketing programs, sponsoring...

Divi WooCommerce Extended