{"id":1824,"date":"2026-11-03T11:14:57","date_gmt":"2026-11-03T11:14:57","guid":{"rendered":"https:\/\/demo.divi-pixel.com\/modules\/flip-box\/"},"modified":"2026-11-05T18:17:16","modified_gmt":"2026-11-05T18:17:16","slug":"flip-box","status":"publish","type":"page","link":"https:\/\/demo.divi-pixel.com\/modules\/flip-box\/","title":{"rendered":"Flip Box"},"content":{"rendered":"
<\/span><\/span>\n
\n
\n
<\/span><\/div>\n\n

Flip Box for Divi<\/h1>\n<\/div><\/div>\n\n

The Divi Pixel Flip Box module makes your content more interesting with an interactive before and after effect. The flip animation works seamlessly, with no hiccups or stalls.<\/p>\n<\/div><\/div>\n\n

<\/span><\/div>

Divi 5 Ready<\/h4><\/div><\/div><\/div>\n<\/div>\n<\/div>\n
<\/div><\/div>\n\n
\n
\n
\n
<\/span><\/div>\n<\/div>\n\n
\n

Divi Pixel Flip Box<\/h2>

Most easiest way to add Flip Box to Divi website<\/p>\n<\/div><\/div><\/div>\n\n

The Flip Box is another custom module that adds smooth interactivity to your Divi website to engage your visitors. You can add icons or images, titles, descriptions, and buttons for both the front and back of the cards. You can also control both side\u2019s backgrounds, set the flip direction, duration, and more!<\/p>\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n \n \ue605\n <\/span>\n <\/div>\n
\n

Front Card Title<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique ullam.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n

\n
\n \n
\n
\n \n \ue60f\n <\/span>\n <\/div>\n
\n

Back Card Title<\/h2>\n

Vestibulum quam ligula, fringilla vitae tincidunt nec, fringilla ut nisi. Etiam id lorem efficitur, cursus elit et, lacinia.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\n
\n \n
\n
\n \n \ue60c\n <\/span>\n <\/div>\n
\n

Front Card Title<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique ullam.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n

\n
\n \n
\n
\n \n \ue60a\n <\/span>\n <\/div>\n
\n

Back Card Title<\/h2>\n

Vestibulum quam ligula, fringilla vitae tincidunt nec, fringilla ut nisi. Etiam id lorem efficitur, cursus elit et, lacinia.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\n
\n \n
\n
\n \n \ue611\n <\/span>\n <\/div>\n
\n

Front Card Title<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique ullam.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n

\n
\n \n
\n
\n \n \ue606\n <\/span>\n <\/div>\n
\n

Back Card Title<\/h2>\n

Vestibulum quam ligula, fringilla vitae tincidunt nec, fringilla ut nisi. Etiam id lorem efficitur, cursus elit et, lacinia.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\n
\n \n
\n
\n \n \ue01d\n <\/span>\n <\/div>\n
\n

Front Card Title<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique ullam.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n

\n
\n \n
\n
\n \n \ue01d\n <\/span>\n <\/div>\n
\n

Back Card Title<\/h2>\n

Vestibulum quam ligula, fringilla vitae tincidunt nec, fringilla ut nisi. Etiam id lorem efficitur, cursus elit et, lacinia.<\/p>\n<\/div>\n Learn More<\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n \n <\/div>\n <\/div>\n <\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n

\n
\n
\n
\n
\n
\n
\n
\n \n
\n
\n \"\"\n <\/div>\n
\n

Sarah Doe<\/h2>\n

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla tristique ullamcorper sapien sit amet fermentum.<\/p>\n<\/div>\n <\/a>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n \n

\n
\n \n
\n \n
\n

Connect with me<\/h2>\n