Animations

[vc_row][vc_column width=”1/1″][vc_column_text]Fortuna WordPress Theme features custom CSS animations that you can apply to your elements so that they animate in once a user scrolls to them. Certain elements like Top icon Boxes, Side Icon Boxes, Bar Graphs, Counters, Circular Counters etc. have custom animations that you can switch on. Additionally you can animate texts with a Typewriter Effect or Rotate specific bits of a string. Check out the available animation types as well as some examples below.[/vc_column_text][boc_spacing height=”20px”][vc_row_inner][vc_column_inner width=”1/2″][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Top to Bottom[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Bottom to Top[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Left to Right[/boc_list_item][/vc_column_inner][vc_column_inner width=”1/2″][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Right to Left[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Fade In from center[/boc_list_item][boc_list_item icon_size=”small” has_icon_color=”” icon_color=”#333333″ icon_solid=”” icon=”icon icon-check2″ margin_bottom=”10px”]Custom Animations for specific elements[/boc_list_item][/vc_column_inner][/vc_row_inner][boc_spacing height=”50px”][/vc_column][/vc_row][vc_row css=”.vc_custom_1427452985501{border-top-width: 1px !important;border-bottom-width: 1px !important;padding-top: 30px !important;padding-bottom: 30px !important;background-color: #f9f9f9 !important;border-top-color: #eeeeee !important;border-top-style: solid !important;border-bottom-color: #eeeeee !important;border-bottom-style: solid !important;}” bg_type=”no_bg” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off” full_width=”stretch_row” el_class=”no_text_transform”][vc_column width=”1/3″ css=”.vc_custom_1427377640887{padding-top: 40px !important;padding-bottom: 40px !important;}”][boc_side_icon_box title=”Stunning Design” animated=”yes” icon_size=”large” has_icon_color=”” icon_color=”#333333″ icon_solid=”” target=”_blank” icon=”icon icon-tools3″]Fortuna is a clean design, powerful WordPress Template suitable for a wide variety of websites[/boc_side_icon_box][boc_spacing height=”20px”][boc_side_icon_box title=”Plenty of Features” animated=”yes” icon_size=”large” has_icon_color=”” icon_color=”#333333″ icon_solid=”” target=”_blank” icon=”icon icon-genius”]Fortuna is a clean design, powerful WordPress Template suitable for a wide variety of websites[/boc_side_icon_box][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1427377648398{padding-top: 40px !important;padding-bottom: 40px !important;}”][boc_side_icon_box title=”Bespoke Backend” animated=”yes” icon_size=”large” has_icon_color=”” icon_color=”#333333″ icon_solid=”” target=”_self” icon=”icon icon-hotairballoon”]Fortuna is a clean design, powerful WordPress Template suitable for a wide variety of websites[/boc_side_icon_box][boc_spacing height=”20px”][boc_side_icon_box title=”Enjoyable Experience” animated=”yes” icon_size=”large” has_icon_color=”” icon_color=”#333333″ icon_solid=”” target=”_self” icon=”icon icon-wine2″]Fortuna is a clean design, powerful WordPress Template suitable for a wide variety of websites[/boc_side_icon_box][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1427377655376{padding-top: 40px !important;padding-bottom: 40px !important;}”][boc_side_icon_box title=”Miltiple Locations” animated=”yes” icon_size=”large” has_icon_color=”” icon_color=”#333333″ icon_solid=”” target=”_self” icon=”icon icon-map3″]Fortuna is a clean design, powerful WordPress Template suitable for a wide variety of websites[/boc_side_icon_box][boc_spacing height=”20px”][boc_side_icon_box title=”Awesome Support” animated=”yes” icon_size=”large” has_icon_color=”” icon_color=”#333333″ icon_solid=”” target=”_self” icon=”icon icon-anchor3″]Fortuna is a clean design, powerful WordPress Template suitable for a wide variety of websites[/boc_side_icon_box][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_spacing height=”40px”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″ css=”.vc_custom_1428565460787{padding-right: 30px !important;padding-left: 30px !important;}”][boc_top_icon_box title=”Stunning Design” animated=”yes” has_icon_color=”” icon_color=”#ba0085″ type=”1″ target=”_self” icon=”icon icon-lightbulb”]Fortuna is a clean design, powerful WordPress Template suitable for a wide variety of websites that you and your clients will love[/boc_top_icon_box][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1428565465763{padding-right: 30px !important;padding-left: 30px !important;}”][boc_top_icon_box title=”Visual Builder” animated=”yes” has_icon_color=”yes” type=”1″ target=”_self” icon=”icon icon-plugin” icon_color=”#b63b6a”]Content creation is a breeze with the drag’n drop Visual Composer and tons of modification options available at the click of a button[/boc_top_icon_box][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1428565470643{padding-right: 30px !important;padding-left: 30px !important;}”][boc_top_icon_box title=”Amazing Support” animated=”yes” has_icon_color=”yes” icon_color=”#f13c6e” type=”1″ target=”_self” icon=”icon icon-headphones”]With a 5 star client support we are available to respond to any issues or questions you may have at our [tooltip title=”Visit our Support Forum”]Support Forum[/tooltip] at any time[/boc_top_icon_box][/vc_column][/vc_row][vc_row css=”.vc_custom_1427453055113{padding-top: 80px !important;padding-bottom: 60px !important;}” bg_type=”no_bg” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”0″ disable_on_mobile_img_parallax=”off” parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off” el_class=”no_text_transform”][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px”]My Latest Work[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”1px” divider_color=”#eeeeee” margin_top=”0px” margin_bottom=”20px” icon_position=”center” icon_color=”#bbbbbb” icon_bg=”#ffffff” icon_size=”14px” icon_padding=”10px”][boc_spacing height=”20px”][boc_portfolio_carousel items_visible=”3″ items_slided=”1″ navigation=”Both” arrows_position=”top” autoplay=”” autoplay_interval=”4000″ speed=”500″ loop=”” order_by=”rand” order=”DESC” display_style=”8″ limit=”9″ img_hover_effect=”2″ css_classes=”no_bgr_top_arrows” css_items_animation=”bottom-to-top”][/vc_column][/vc_row][vc_row][vc_column][boc_spacing height=”20px”][/vc_column][/vc_row][vc_row][vc_column width=”1/1″][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” css_classes=”no_text_transform” font_size=”24px” margin_bottom=”20px”]Some of Fortuna’s lovely Elements;great Attributes;unique Features[/boc_heading][boc_divider divider_width=”60px” divider_position=”center” divider_height=”2px” divider_color=”#eeeeee” icon_position=”center” icon_color=”#0dbab1″ icon_bg=”#ffffff” icon_bg_border=”#ffffff” icon_size=”14px” icon_padding=”14px” margin_top=”20px” margin_bottom=”10px”][/vc_column][/vc_row][vc_row css=”.vc_custom_1426973419753{margin-top: 20px !important;margin-bottom: 60px !important;}” bg_type=”no_bg” bg_grad=”background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FBFBFB), color-stop(50%, #E3E3E3), color-stop(100%, #C2C2C2));background: -moz-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -webkit-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -o-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: -ms-linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);background: linear-gradient(top,#FBFBFB 0%,#E3E3E3 50%,#C2C2C2 100%);” parallax_style=”vcpb-default” bg_image_repeat=”repeat” bg_image_size=”cover” bg_img_attach=”scroll” parallax_sense=”30″ animation_direction=”left-animation” animation_repeat=”repeat” video_opts=”” viewport_vdo=”off” enable_controls=”off” bg_override=”0″ parallax_content_sense=”30″ fadeout_start_effect=”30″ overlay_pattern_opacity=”80″ overlay_pattern_attachment=”fixed” multi_color_overlay=”” multi_color_overlay_opacity=”60″ seperator_type=”none_seperator” seperator_position=”top_seperator” seperator_shape_size=”40″ seperator_svg_height=”60″ seperator_shape_background=”#ffffff” seperator_shape_border=”none” seperator_shape_border_width=”1″ ult_hide_row_large_screen=”off” ult_hide_row_desktop=”off” ult_hide_row_tablet=”off” ult_hide_row_tablet_small=”off” ult_hide_row_mobile=”off” ult_hide_row_mobile_large=”off”][vc_column width=”1/2″ css=”.vc_custom_1431168746426{margin-bottom: 40px !important;padding-right: 50px !important;}”][boc_bar_graph title=”Graphic Design” percent=”84″ thin_style=”yes” custom_color=”” color=”#edbb07″ animated_bgr=”” dark_percent=”yes”][boc_bar_graph title=”Web Development” percent=”92″ thin_style=”yes” custom_color=”” color=”#f13c6e” animated_bgr=”” dark_percent=”yes”][boc_bar_graph title=”Mobile Applications” percent=”78″ thin_style=”yes” custom_color=”” color=”#666666″ animated_bgr=”” dark_percent=”yes”][/vc_column][vc_column width=”1/6″ css=”.vc_custom_1426973400338{margin-bottom: 40px !important;}”][boc_circle_counter title=”Modern Desgin” number=”87″ size=”120″ custom_color=”” color=”#666666″ angle=”” centered=”yes” white_text=””][/vc_column][vc_column width=”1/6″ css=”.vc_custom_1426973407233{margin-bottom: 40px !important;}”][boc_circle_counter title=”Solid Backend” number=”92″ size=”120″ custom_color=”yes” color=”#f6772c” angle=”” centered=”yes” white_text=””][/vc_column][vc_column width=”1/6″ css=”.vc_custom_1426973412505{margin-bottom: 40px !important;}”][boc_circle_counter title=”Amazing Support” number=”86″ size=”120″ custom_color=”yes” color=”#ffbb42″ angle=”” centered=”yes” white_text=””][/vc_column][/vc_row][vc_row][vc_column][boc_spacing height=”40px”][/vc_column][/vc_row][vc_row][vc_column width=”1/3″ css=”.vc_custom_1431169162018{padding-right: 60px !important;padding-left: 40px !important;}”][vc_single_image image=”21460″ border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”appear” img_size=”full”][/vc_column][vc_column width=”2/3″][boc_heading html_element=”h2″ alignment=”left” color=”#333333″ subheading=”” margin_top=”0px” css_animation=”top-to-bottom”]Fortuna Heading Text[/boc_heading][vc_column_text css_animation=”right-to-left”]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][vc_column_text css_animation=”left-to-right”]I am text block. Click edit button to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.[/vc_column_text][/vc_column][/vc_row][vc_row][vc_column][boc_spacing height=”40px”][boc_heading html_element=”h3″ alignment=”center” color=”#333333″ subheading=”” margin_top=”0px” margin_bottom=”20px”]Latest News[/boc_heading][boc_spacing height=”40px”][boc_posts_carousel items_visible=”4″ items_slided=”1″ navigation=”Arrows” arrows_position=”top” autoplay=”” autoplay_interval=”6000″ loop=”” auto_height=”” css_items_animation=”right-to-left” post_type=”post” order_by=”date” order=”DESC” exclude_current=”” limit=”8″ is_boxed=”yes” show_date=”2″ show_excerpt=”yes” excerpt_char_limit=”64″ add_dots=”” show_read_more=”yes” read_more_style=”1″ show_pic=”yes”][/vc_column][/vc_row][vc_row][vc_column][boc_spacing height=”40px”][/vc_column][/vc_row]

Leave a Comment

You must be logged in to post a comment.