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
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut molestie urna ut nulla hendrerit, in dictum odio consectetur. Maecenas ac tortor eu est porttitor sodales in id odio. Cras hendrerit tortor eget tortor pharetra consequat. Vivamus mollis libero nec turpis.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris pharetra sem non nulla gravida, non condimentum enim tempus. Nam ac quam mattis, auctor erat eu, sollicitudin est. Suspendisse sed sem sed lorem sagittis auctor non non augue. Duis tempor est.
Multiple Looping Items
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla id mi sed velit scelerisque fringilla. Morbi vehicula mi sed lacus commodo, aliquet eleifend odio tristique. Vestibulum consectetur ante vel mattis venenatis. Maecenas a dolor suscipit, sagittis nisl ac, rutrum tellus..
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus eleifend massa at euismod rutrum. Nullam et mi aliquam, pellentesque neque aliquam, tincidunt diam. Aenean interdum augue sit amet justo ultrices gravida. Pellentesque semper nibh ac magna dapibus, eget sollicitudin risus.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque tempus leo quis tempus hendrerit. Nulla ultricies magna a dui dapibus, non gravida urna imperdiet. In nec tellus at neque malesuada malesuada et sed nibh. Nullam ornare tellus vitae accumsan suscipit..
Transition Animations
Explore More Shortcodes
- Alert
- Animated Popular
- Animated Image
- Animated Scroll New
- Audio
- Badge
- Blockquote
- Blog
- Blur New
- Books
- Button
- Chart
- Clients
- Code
- Collapsibles
- Content Box
- Content Section Popular
- Counter
- Coupons
- Custom Post Type
- Definitions
- Device Mockups
- Divider Popular
- Dropcap
- Emphasis
- Events
- FAQ
- Filler
- Flip Box Popular
- Fullscreen Video
- Gallery Popular
- Google Docs Viewer
- Guests
- Heading
- Highlight
- Hover Box
- Horizontal Ruler
- Icon Popular
- Icon List
- If New
- Image
- Image Compare
- Jobs
- Label
- Lead
- Lightbox
- Locations
- Map
- Masonry
- Members
- Menu
- Post Meta Data
- Movies
- Music
- News
- Overlay Popular
- Panel New
- Parallax Scene Popular
- Permalink
- Person
- Popover
- Portfolio
- Post Fields
- Post Media
- Pricing Table
- Progress
- Project
- Promotional Box
- QR Code
- Quotes
- Recent Books
- Recent Clients
- Recent Coupons
- Recent Events
- Recent Jobs
- Recent Locations
- Recent Movies
- Recent Music
- Recent News
- Recent Portfolios
- Recent Posts
- Recent Projects
- Recent Quotes
- Recent Recipes
[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"]