Avada Flip Boxes Element Showcase

The Avada Flip Boxes Element combines visual content and interactivity by allowing you to create content boxes that flip to reveal more information on hover, providing an engaging visual effect. Each flip box has a front and back side, where you can add icons, images, titles, descriptions, and links, all of which are fully customizable. This Element is ideal for showcasing features, services, or team members, and more.

Below, you will find live examples of the Flip Boxes Element in action. Examples can include the individual option values set for that display; however, in some instances, not all Element variations can be shown as they may be too numerous. For further information related to this Avada Design Element, please check the Avada help center.

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)

Avada FAQ Element Featured ImageFAQ
Avada Gallery Element Featured ImageGallery