Content Flip Box

If you want to show a front and back panel with some basic HTML content and a link to another page or file, than the “Content Flip Box” is just the right thing for you. Define the color for front and back panel elements independently (including borders and backgrounds), apply a font icon or image to the front, some animations if you want to, and you’re ready to go.

[TS-VCSC-Icon-Title title=”Standard Effect” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”U3RhbmRhcmQ=”]

Direction: Flip Vertical

[TS-VCSC-Divider]
[TS-VCSC-Content-Flip flip_effect_style1=”vertical” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”#” front_icon_replace=”true” front_image=”16355″ flip_border_type=”solid” front_background=”#f4ebde” animations=”true” animation_view=”appear”]
[TS-VCSC-Content-Flip flip_effect_style1=”vertical” flip_effect_speed=”veryslow” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”#” front_icon_replace=”true” front_image=”16341″ flip_border_type=”solid” front_background=”#d5efc6″ animations=”true” animation_view=”appear”]
[TS-VCSC-Content-Flip flip_effect_style1=”vertical” flip_effect_speed=”veryfast” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”#” front_icon_replace=”true” front_image=”16250″ flip_border_type=”solid” front_background=”#f7f7f7″ animations=”true” animation_view=”appear”]

Direction: Flip Horizontal

[TS-VCSC-Divider]
[TS-VCSC-Content-Flip flip_effect_speed=”veryslow” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”#” front_icon_replace=”true” front_image=”16355″ flip_border_type=”solid” front_background=”#f4ebde” animations=”true” animation_view=”appear”]
[TS-VCSC-Content-Flip front_title=”Content Flip Box” front_content=”This is the message for the front panel of this flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”#” front_icon_replace=”true” front_image=”16341″ flip_border_type=”solid” front_background=”#d5efc6″ animations=”true” animation_view=”appear”]
[TS-VCSC-Content-Flip flip_effect_speed=”veryfast” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”#” front_icon_replace=”true” front_image=”16250″ flip_border_type=”solid” front_background=”#f7f7f7″ animations=”true” animation_view=”appear”]
[TS-VCSC-Spacer height=”20″][TS-VCSC-Icon-Title title=”Cube Effect” align=”center” font_family=”Default:regular” size=”48″ font_weight=”300″ highlight_allow=”true” highlight_color=”#2691bd” highlight_strings=”Q3ViZQ==”]

Direction: Flip Up

[TS-VCSC-Divider]
[TS-VCSC-Content-Flip flip_style=”style2″ flip_effect_style2=”ts-flip-up” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this content flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”http://www.tekanewascripts.com” read_more_target=”_blank” front_icon_replace=”true” front_image=”16342″ flip_border_type=”solid” flip_border_thick=”2″ front_color=”#ffffff” front_background=”#1e73be” back_color=”#ffffff” back_background=”#25c3ea” cube_height=”100″ flip_effect=”ts-flip-up” flip_border_color=”#dddddd” read_more_style=”1″]
[TS-VCSC-Content-Flip flip_style=”style2″ flip_effect_style2=”ts-flip-up” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this content flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”http://www.tekanewascripts.com” read_more_target=”_blank” front_icon_replace=”true” front_image=”16294″ flip_border_type=”dashed” flip_border_thick=”4″ front_color=”#fcfcfc” front_background=”#5bbc3a” flip_border_color_front=”#1f9100″ back_color=”#999999″ back_background=”#efefef” flip_border_color_back=”#757575″ cube_height=”100″ flip_effect=”ts-flip-right” flip_border_color=”#1d8218″]
[TS-VCSC-Content-Flip flip_style=”style2″ flip_effect_style2=”ts-flip-up” front_title=”Content Flip Box” front_content=”This is the message for the front panel of this content flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”http://www.tekanewascripts.com” read_more_target=”_blank” front_icon_replace=”true” front_image=”16264″ front_color=”#ffffff” front_background=”#dd3333″ back_color=”#ffffff” back_background=”#fc8e3a” cube_height=”100″ flip_effect=”ts-flip-right” flip_border_color=”#dddddd” read_more_style=”1″]

Direction: Flip Right

[TS-VCSC-Divider]
[TS-VCSC-Content-Flip flip_style=”style2″ front_title=”Content Flip Box” front_content=”This is the message for the front panel of this content flip box.” back_title=”Back Title” back_content=”This is the back message. ” read_more_link=”true” read_more_url=”http://www.tekanewascripts.com” read_more_target=”_blank” front_icon_replace=”true” front_image=”16335″ flip_border_type=”solid” flip_border_thick=”2″ front_color=”#727272″ back_color=”#878787″ back_background=”#eaeab6″ animations=”true” animation_icon=”ts-infinite-css-flipInX” css3animations_in=”Flip In X” animation_view=”top-to-bottom” cube_height=”100″ flip_effect=”ts-flip-up” flip_border_color=”#dddddd” read_more_style=”1″]
[TS-VCSC-Content-Flip flip_style=”style2″ front_title=”Content Flip Box” front_content=”This is the message for the front panel of this content flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”http://www.tekanewascripts.com” read_more_target=”_blank” front_icon_replace=”true” front_image=”16278″ flip_border_type=”dashed” flip_border_thick=”4″ front_color=”#bababa” front_background=”#eeee22″ back_color=”#c4c4c4″ back_background=”#4be4f2″ animations=”true” animation_view=”top-to-bottom” cube_height=”100″ flip_effect=”ts-flip-right” flip_border_color=”#1d8218″]
[TS-VCSC-Content-Flip flip_style=”style2″ front_title=”Content Flip Box” front_content=”This is the message for the front panel of this content flip box.” back_title=”Back Title” back_content=”This is the back message.” read_more_link=”true” read_more_url=”http://www.tekanewascripts.com” read_more_target=”_blank” front_icon=”ts-awesome-briefcase” flip_border_type=”solid” flip_border_thick=”2″ front_icon_frame_type=”solid” front_icon_frame_radius=”ts-radius-full” front_padding=”true” front_icon_padding=”10″ front_icon_color=”#1e73be” front_icon_background=”#ffffff” front_icon_frame_color=”#dddddd” front_color=”#727272″ back_color=”#878787″ back_background=”#eaeab6″ animations=”true” animation_icon=”ts-infinite-css-fadeIn” animation_view=”appear” cube_height=”100″ flip_effect=”ts-flip-right” flip_border_color=”#dddddd” read_more_style=”1″]