Animations

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.

[boc_spacing height=”20px”]
[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]
[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]
[boc_spacing height=”50px”]
[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]
[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]
[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]
[boc_spacing height=”40px”]
[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]
[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]
[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]
[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”]
[boc_spacing height=”20px”]
[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”]
[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”]
[boc_circle_counter title=”Modern Desgin” number=”87″ size=”120″ custom_color=”” color=”#666666″ angle=”” centered=”yes” white_text=””]
[boc_circle_counter title=”Solid Backend” number=”92″ size=”120″ custom_color=”yes” color=”#f6772c” angle=”” centered=”yes” white_text=””]
[boc_circle_counter title=”Amazing Support” number=”86″ size=”120″ custom_color=”yes” color=”#ffbb42″ angle=”” centered=”yes” white_text=””]
[boc_spacing height=”40px”]
[boc_heading html_element=”h2″ alignment=”left” color=”#333333″ subheading=”” margin_top=”0px” css_animation=”top-to-bottom”]Fortuna Heading Text[/boc_heading]

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.

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.

[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”]
[boc_spacing height=”40px”]