Find What You Need

Flip Box

 

main_view__9__720

 

Overview

Discover the magic of interactive design with the "Flip Box" module! This feature transforms static content into a dynamic showcase with a variety of engaging animation effects. Whether you want to reveal hidden information or create an eye-catching display, the Flip Box offers vertical and horizontal flips, push effects, slide, fade, zoom-in, and zoom-out animations. 

Perfect for adding a touch of creativity to your website, the Flip Box module makes content presentation fun and memorable. Its versatile animations ensure that your information stands out and captures your audience’s attention, enhancing user interaction and engagement.

 

S1

 

Responsive Layout

Whether you're captivating on large screens or keeping it sleek on smaller devices, this feature-rich module adapts effortlessly. Customize the flip action across different screen sizes—large, medium, or small—ensuring your message flips, slides, and zooms into view with style, no matter where it's seen.

 

S2

 

Tailor Front Card

On the front card, you can effortlessly add a bold header, a captivating description, eye-catching icons, and a stunning background image with alt text for accessibility. Add some flair with engaging hover effects that grab attention and keep your audience intrigued.

 

S3

 

Customize Back Card

Add a striking header, a compelling description, and an icon that seals the deal. Enhance the experience with a button, complete with customizable text and a URL to drive action. Finish it off with a background image and alt text that keep things visually stunning and accessible.

 

S4

 

Customize Container Style

Fine-tune the space between cards, set the perfect card height, and control the spacing between elements for a polished look. With options to adjust vertical and horizontal content positioning, margin, padding, and card corner radius, you have all the tools to create a flawless, engaging flip that fits your vision perfectly.

 

S5

 

Style Front & Back Cards

Customize your overlayer color to set the mood, and make your headings and descriptions stand out with perfect typography. Adjust icon size and color to match your style, ensuring every flip is a stunning blend of creativity and precision.

 

S6

 

Define Buttons

Fine-tune your button’s margin, padding, and width for the perfect fit, and choose a border style, color, and width that pops. Set the background color, font typography, and corner radius to match your vibe. Plus, add a splash of style with hover effects that change the background, font, and border colors.

Explore Modules & Docs