Demo #01
[torq_flip_box front_media_type=”image” front_img=”https://demo.diviepic.com/wp-content/uploads/2024/03/flipbox-icon-3.png” front_title=”Donuts” back_media_type=”none” back_title=”Donuts” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” direction=”up” animation_3d=”on” main_height=”250px” front_ct_padding=”20px|0px|0px|0px|false|false” back_bg_color=”#f25496″ front_bg_color=”RGBA(255,255,255,0)” back_desc_spacing=”20px” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#f2468d” front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on|12px|12px|12px|12px” border_width_all_card=”1px” border_color_all_card=”#F4F4F5″ global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
[torq_flip_box front_media_type=”image” front_img=”https://demo.diviepic.com/wp-content/uploads/2024/03/flipbox-icon-2-1.png” front_title=”Fench Fires” back_media_type=”none” back_title=”Donuts” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” main_height=”250px” front_ct_padding=”20px|0px|0px|0px|false|false” back_bg_color=”#f25496″ front_bg_color=”RGBA(255,255,255,0)” back_desc_spacing=”20px” main_height_tablet=”250px” main_height_phone=”250px” main_height_last_edited=”on|phone” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#f2468d” front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on|12px|12px|12px|12px” border_width_all_card=”1px” border_color_all_card=”#F4F4F5″ global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
[torq_flip_box front_media_type=”image” front_img=”https://demo.diviepic.com/wp-content/uploads/2024/03/flipbox-icon-1.png” front_title=”Burger” back_media_type=”none” back_title=”Donuts” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” animation_type=”shake” main_height=”250px” front_ct_padding=”20px|0px|0px|0px|false|false” back_bg_color=”#f25496″ front_bg_color=”RGBA(255,255,255,0)” back_desc_spacing=”20px” main_height_tablet=”250px” main_height_phone=”250px” main_height_last_edited=”on|phone” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#f2468d” front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on|12px|12px|12px|12px” border_width_all_card=”1px” border_color_all_card=”#F4F4F5″ global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
Demo #02
[torq_flip_box front_media_type=”none” front_title=”Dark Tunnel” back_media_type=”none” back_title=”Dark Tunnel” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” use_button=”on” button_text=”Learn More” animation_type=”rotate_3d” flank_color=”#F4F4F5″ front_align_items=”flex-end” back_bg_color=”#F4F4F5″ front_bg_color=”rgba(0,0,0,0.3)” front_bg_image=”https://diviepic.com/wp-content/uploads/2024/07/flip-1-2.jpg” front_bg_blend=”multiply” back_desc_spacing=”20px” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#F4F4F5″ front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on||||” global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
[torq_flip_box front_media_type=”none” front_title=”Snow Fall Mountain” back_media_type=”none” back_title=”Snow Fall Mountain ” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” use_button=”on” button_text=”Learn More” animation_type=”push” front_align_items=”flex-end” back_bg_color=”#F4F4F5″ front_bg_color=”rgba(0,0,0,0.3)” front_bg_image=”https://diviepic.com/wp-content/uploads/2024/07/flip-1-3.jpg” front_bg_blend=”multiply” back_desc_spacing=”20px” _builder_version=”4.26.1″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#F4F4F5″ front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on||||” global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
[torq_flip_box front_media_type=”none” front_title=”Dark Mountain” back_media_type=”none” back_title=”Dark Mountain” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” use_button=”on” button_text=”Learn More” animation_type=”diagonal” front_align_items=”flex-end” back_bg_color=”#F4F4F5″ front_bg_color=”rgba(0,0,0,0.3)” front_bg_image=”https://diviepic.com/wp-content/uploads/2024/07/flip-1-1.jpg” front_bg_blend=”multiply” back_desc_spacing=”20px” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#F4F4F5″ front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on||||” global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
Demo #03
Capture Your Viewer’s Attention with Animated Flip Boxes
Mattis enim ut tellus elementum sagittis vitae. In tellus integer feugiat scelerisque varius. Tincidunt nunc pulvinar sapien et. Amet facilisis magna etiam tempor orci eu. Quisque id diam vel quam elementum pulvinar.
[torq_flip_box front_media_type=”none” back_media_type=”none” back_title=” Flipbox” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” use_button=”on” button_text=”Learn More” animation_type=”zoom_in” main_height=”280px” front_align_items=”flex-end” back_bg_color=”#65e1e7″ front_bg_color=”RGBA(255,255,255,0)” front_bg_image=”https://diviepic.com/wp-content/uploads/2024/07/img-carousel-5-3.webp” front_bg_blend=”multiply” back_desc_spacing=”20px” main_height_tablet=”340px” main_height_phone=”340px” main_height_last_edited=”on|tablet” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#F4F4F5″ front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on|12px|12px|12px|12px” global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box][torq_flip_box front_media_type=”none” back_media_type=”none” back_title=”Flipbox” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” use_button=”on” button_text=”Learn More” animation_type=”fade” main_height=”280px” front_align_items=”flex-end” back_bg_color=”#c1c9de” front_bg_color=”RGBA(255,255,255,0)” front_bg_image=”https://diviepic.com/wp-content/uploads/2024/07/img-carousel-2-2.jpg” front_bg_blend=”multiply” back_desc_spacing=”20px” main_height_tablet=”280px” main_height_phone=”340px” main_height_last_edited=”on|desktop” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#F4F4F5″ front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” custom_margin=”30px||||false|false” border_radii_card=”on|12px|12px|12px|12px” global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
[torq_flip_box front_media_type=”none” back_media_type=”none” back_title=”Flipbox” back_description=”Sit amet mauris commodo quis imperdiet massa. Viverra accumsan in nisl nisi. Facilisis volutpat est velit egestas dui id ornare arcu odio.” use_button=”on” button_text=”Learn More” main_height=”590px” front_align_items=”flex-end” back_bg_color=”#ff7465″ front_bg_color=”RGBA(255,255,255,0)” front_bg_image=”https://diviepic.com/wp-content/uploads/2024/07/flip-2-1.jpg” front_bg_blend=”multiply” back_desc_spacing=”20px” _builder_version=”4.24.2″ _module_preset=”default” front_title_font=”|600|||||||” front_title_text_color=”#F4F4F5″ front_title_font_size=”28px” back_title_font=”|600|||||||” back_title_text_color=”#1F1F1F” back_title_font_size=”24px” back_title_letter_spacing=”-0.5px” back_description_text_color=”#1F1F1F” back_description_font_size=”16px” back_description_line_height=”1.8em” custom_back_btn=”on” back_btn_text_size=”16px” back_btn_text_color=”#000000″ back_btn_font=”Montserrat|500|||||||” back_btn_use_icon=”off” back_btn_custom_margin=”24px||||false|false” back_btn_custom_padding=”9px|18px|9px|18px|true|true” border_radii_card=”on|12px|12px|12px|12px” global_colors_info=”{}” theme_builder_area=”post_content”][/torq_flip_box]
