Introduction

The Flip Box shortcode lets you add a box to the screen that will flip through the items within the box. Choose from several different flip animations. Add two or more items with many different options for cycling through the items.

The Flip Box shortcode content is completely customizable. Include images, videos, icons, buttons, maps, etc.

Basic Example

Multiple Looping Items

Completely Customizable Content

Transition Animations

Flip X

Flip Solid

Flip Solid X

Swing Flip

Pinch Flip

Cycle Down

Cycle Left

Cycle Right

Cycle Up

Scale

Scale Up

Slide Left

Slide Right

Slide Down

Slide Up

Explore More Shortcodes

[intense_content_section]
<h2>Introduction</h2>
The Flip Box shortcode lets you add a box to the screen that will flip through the items within the box. Choose from several different flip animations. Add two or more items with many different options for cycling through the items.

The Flip Box shortcode content is completely customizable. Include images, videos, icons, buttons, maps, etc.
[/intense_content_section]
[intense_content_section background_type="color" background_color="#f9f9f9" border_top="1px solid #ededed" border_bottom="1px solid #ededed"]
[intense_row padding_top="0"]
[intense_column size="4" medium_size="4" small_size="6" extra_small_size="12"]
<h2>Basic Example</h2>
[intense_flip_box id="basic" speed="3000" loop="0"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[intense_alert margin_bottom="0"]
[intense_filler words="40"]
[/intense_alert]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[intense_alert margin_bottom="0" color="warning"]
[intense_filler words="40"]
[/intense_alert]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4" small_size="6" extra_small_size="12"]
<h2>Multiple Looping Items</h2>
[intense_flip_box id="basic" speed="3000" animation="pinch-flip"]
[intense_flip_box_item]
[intense_alert color="muted" border_radius="5px" margin_bottom="0"]
[intense_image image="767" size="medium500" /]
[intense_filler words="40"]
[/intense_alert]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_alert color="muted" border_radius="5px" margin_bottom="0"]
[intense_image image="768" size="medium500" /]
[intense_filler words="40"]
[/intense_alert]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_alert color="muted" border_radius="5px" margin_bottom="0"]
[intense_image image="769" size="medium500" /]
[intense_filler words="40"]
[/intense_alert]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4" small_size="12" extra_small_size="12"]
<h2>Completely Customizable Content</h2>
[intense_flip_box animation="swing-flip" loop="0"]
[intense_flip_box_item]
[intense_alert color="muted" border_radius="5px"]
<center>
[intense_icon source="captain-icon" type="132" size="4" color="#ffffff" stack_type="circle" stack_color="error"]
[intense_heading align="center" tag="h2" margin_top="0" margin_bottom="0"]
Flip Box
[/intense_heading]
Completely customizable content
</center>
[/intense_alert]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="701" size="postExtraWide" title="Picking Flowers" caption="In ut metus posuere, vulputate magna ac,
fermentum urna." border_radius="5px 5px 0 0"]
[intense_alert margin_bottom="0" color="muted" border_radius="0 0 5px 5px"]
[intense_heading align="center" tag="h3" margin_top="0"]
Your Own Content
[/intense_heading]
<center>Format the flip box items with your own content. Add icons, buttons, maps, videos, images, and more.</center>
[/intense_alert]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[/intense_row]

[intense_spacer type="block" height="30"]
<h2>Transition Animations</h2>

[intense_row padding_top="0"]
[intense_column size="4" medium_size="4"]
<h3>Flip</h3>
[intense_flip_box animation="flip"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]

[intense_column size="4" medium_size="4"]
<h3>Flip X</h3>
[intense_flip_box animation="flipX"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Flip Solid</h3>
[intense_flip_box]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Flip Solid X</h3>
[intense_flip_box animation="solid-flipX"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Swing Flip</h3>
[intense_flip_box animation="swing-flip"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Pinch Flip</h3>
[intense_flip_box animation="pinch-flip"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]

[intense_column size="4" medium_size="4"]
<h3>Cycle Down</h3>
[intense_flip_box animation="cycle-down"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Cycle Left</h3>
[intense_flip_box animation="cycle-left"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Cycle Right</h3>
[intense_flip_box animation="cycle-right"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]

[intense_column size="4" medium_size="4"]
<h3>Cycle Up</h3>
[intense_flip_box animation="cycle-up"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Fade</h3>
[intense_flip_box animation="fade"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]

[intense_column size="4" medium_size="4"]
<h3>Scale</h3>
[intense_flip_box animation="scale"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Scale Up</h3>
[intense_flip_box animation="scale-up"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]

[intense_column size="4" medium_size="4"]
<h3>Slide Left</h3>
[intense_flip_box animation="slide-left"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]
<h3>Slide Right</h3>
[intense_flip_box animation="slide-right"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[intense_column size="4" medium_size="4"]

<h3>Slide Down</h3>
[intense_flip_box animation="slide-down"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]

[intense_column size="4" medium_size="4"]
<h3>Slide Up</h3>
[intense_flip_box animation="slide-up"]
[intense_flip_box_item]
[intense_image image="767" size="medium500" /]
[/intense_flip_box_item]
[intense_flip_box_item]
[intense_image image="768" size="medium500" /]
[/intense_flip_box_item]
[/intense_flip_box]
[/intense_column]
[/intense_row]

[/intense_content_section]

[intense_snippet snippet_id="Child Theme | Shortcodes/footer" snippet_title="Shortcode Page Footer"]