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 eu velit in nisl accumsan tempus. Donec varius magna nec ante vehicula pulvinar. Sed placerat est nec diam lobortis auctor. Fusce varius tellus eget eros varius dapibus quis eget urna. Mauris.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras eu neque sodales, ultricies lectus nec, laoreet est. Nunc et velit et dolor consequat laoreet id accumsan neque.
Sed non dolor posuere, malesuada turpis vitae, consequat lectus. Vestibulum id erat quis.
Multiple Looping Items
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent mollis lacus sit amet tortor malesuada placerat. Sed ultricies justo non diam vulputate, adipiscing dictum purus ullamcorper.
Aliquam adipiscing risus et vestibulum sollicitudin. In egestas ipsum at ante suscipit, ac posuere.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent interdum est sed rutrum dapibus. Sed scelerisque velit vel enim molestie porta. Fusce ac justo lobortis, sollicitudin nibh vitae, porttitor odio. Nulla condimentum nisl vestibulum sapien feugiat, eget facilisis felis ornare..
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc vitae metus nec nulla iaculis dictum nec in nunc. Aliquam eu nisl ultrices, aliquet tortor faucibus, convallis magna. Nam ac dolor et lorem euismod aliquet. Curabitur blandit elit nec ipsum dapibus.
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"]