Avada Flip Boxes Element Examples

The Avada Flip Boxes Element brings interactivity to your content through double-sided boxes that flip on hover to reveal more information, making it perfect for presenting features, services, or team profiles. You get full control over what appears on both the front and the back sides—icons, images, titles, descriptions, buttons—plus styling options (colors, backgrounds, borders, effects), flip direction, and layout settings, so these boxes draw attention without overwhelming the rest of your page.

Avada is For Beginners

Launch Your First Website

Highly flexible, with an intuitive Drag & Drop design interface that allows you complete design freedom.

Avada is For Marketers

Generate Leads & Conversions

Build branded websites, including targeted content layouts, that align with your inbound marketing strategies.

Avada is For Professionals

Build Professional Websites

Avada’s workflow enables you to develop & deploy websites rapidly, with consistent stability & speed.

This Flip Boxes Element is set up as follows: Three Child Elements, Number of Columns (3), Flip Effect (3D), Flip Direction (Flip Up), Flip Duration (0.7), Equal Heights (Yes), Front Title Size (H3), Custom Typography, Back Title Size (H4), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Backside Content, Icon, Icon Circle (No), Background Color Frontside, Background Color Backside, and Border Radius (10px)

Fancy Number 1

One

Fancy Number 2

Two

Fancy Number 3

Three

Fancy Number 4

Four

Fancy Number 5

Five

This Flip Boxes Element is set up as follows: Five Child Elements, Number of Columns (5), Flip Effect (3D), Flip Direction (Flip Right, Flip Up, Flip Left, Flip Down, Flip Right), Flip Duration (0.6), Equal Heights (Yes), Front Title Size (H3), Custom Typography (Backside), Back Title Size (H4), Icon Image (Custom), Flip Box Backside Heading, Icon, Icon Circle (No), Background Color Frontside, Background Color Backside, and Border Radius (8px)

Responsive

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

All Devices

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

Performance

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

Unparalleled

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

Innovation

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

Cutting-Edge

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

Excellence

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

Guaranteed

Quisque auctor hendrerit rhoncus. Duis dictum molestie faucibus.

This Flip Boxes Element is set up as follows: Four Child Elements, Number of Columns (4), Flip Effect (Classic), Flip Direction (Flip Left, Flip Right), Flip Duration (0.4), Equal Heights (No), Front Title Size (H3), Custom Typography, Back Title Size (H4), Icon, Icon Circle (Yes), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Frontside Content, Flip Box Backside Content, Background Color Frontside, Background Color Backside, and Border Radius (5px)

World-Class Support

Quisque Maximus Consectetur

Morbi vel quam eget ante pharetra varius praesent.

Quisque Tincidunt Viverra

Cras venenatis consequat est sit amet facilisis.

This Flip Boxes Element is set up as follows: One Child Element, Number of Columns (1), Flip Effect (Classic), Flip Direction (Flip Down), Flip Duration (0.5), Equal Heights (No), Front Title Size (H3), Custom Typography, Back Title Size (H4), Icon Image (Custom), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Frontside Content, Flip Box Backside Content, Background Color Frontside, Background Color Backside, Border Size (2px), and Border Radius (4px)

Documentation And Tutorials

Quisque Maximus Consectetur

Morbi vel quam eget ante pharetra varius praesent.

Quisque Tincidunt Viverra

Cras venenatis consequat est sit amet facilisis.

This Flip Boxes Element is set up as follows: One Child Element, Number of Columns (1), Flip Effect (Classic), Flip Direction (Flip Up), Flip Duration (0.4), Equal Heights (No), Front Title Size (H3), Custom Typography, Back Title Size (H4), Icon Image (Custom), Flip Box Frontside Heading, Flip Box Backside Heading, Flip Box Frontside Content, Flip Box Backside Content, Background Color Frontside, Background Color Backside, Border Size (2px), and Border Radius (4px)

Examples can include the individual option values set for that particular instance; however, in some cases, not all Element variations can be shown as they may be too numerous. Where a live example cannot be shown, an image representation will be used as a substitute. For more detailed information, please refer to the related Element documentation and videos.

Avada FAQ Element Featured ImageFAQ
Avada Gallery Element Featured ImageGallery