Animation block - Bootstrap

Different types of animations

for something really crazy

[ult_animation_block animation=”InfiniteRotate” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Rotate” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteDangle” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Dangle” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteSwing” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Swing” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfinitePulse” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Pulse” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteHorizontalShake” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Shake” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteVericalShake” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Vertical shake” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteBounce” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Bounce” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteFlash” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Flash” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteTADA” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”TADA” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteRubberBand” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Ruber” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteHorizontalFlip” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Flip” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

[ult_animation_block animation=”InfiniteVerticalScaleFlip” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”10″][ult_buttons btn_title=”Scale Flip” btn_link=”url:%23||” btn_align=”ubtn-center” btn_size=”ubtn-large” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

…and many more

Agile use for any types of block

Count limited or infinite animations

[ult_animation_block animation=”shake” animation_duration=”2″ animation_delay=”0″ animation_iteration_count=”50″][ultimate_heading main_heading=”Heading block” heading_tag=”h4″ alignment=”left” spacer=”line_only” spacer_position=”middle” line_height=”3″ line_color=”#265cdc” sub_heading_margin=”margin-bottom:80px;” line_width=”100″]Maecenas consectetur lacus vel nunc suscipit lacinia. In vitae placerat erat.[/ultimate_heading][/ult_animation_block][ult_animation_block animation=”shake” animation_duration=”2″ animation_delay=”1″ animation_iteration_count=”50″]

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.

[/ult_animation_block]

[ult_animation_block animation=”swing” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”50″ opacity=”off”]

[/ult_animation_block]

[ult_animation_block animation=”tada” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”50″][ultimate_fancytext strings_textspeed=”25″ strings_backspeed=”0″ fancytext_tag=”h3″ fancytext_strings=”Fancy text” strings_font_style=”font-weight:bold;” typewriter_cursor_color=”#265cdc”][/ult_animation_block]

[ult_animation_block animation=”wobble” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”50″][ultimate_pricing design_style=”design05″ package_heading=”Beginner Packet” package_sub_heading=”For new customers ” package_price=”9.99″ package_unit=”$” package_btn_text=”More”]

am vestibulum at ligula lacinia facilisis.
Etiam in hendrerit erat.

[/ultimate_pricing][/ult_animation_block]

[ult_animation_block animation=”InfiniteDangle” animation_duration=”3″ animation_delay=”0″ animation_iteration_count=”1″ opacity=”off”]

Whole row

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas consectetur lacus vel nunc suscipit lacinia. In vitae placerat erat. Praesent consectetur blandit mauris id accumsan. Quisque at sapien blandit, congue nunc eget, bibendum dolor.

With any type of content

[/ult_animation_block]

Delay animation and hide items before

[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”1″]

[/ult_animation_block]

[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”1″ animation_iteration_count=”1″]

[/ult_animation_block]

[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”2″ animation_iteration_count=”1″]

[/ult_animation_block]

[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”3″ animation_iteration_count=”1″]

[/ult_animation_block]

[ult_animation_block animation=”flipInX” animation_duration=”2″ animation_delay=”4″ animation_iteration_count=”1″][ult_buttons btn_title=”Reaload page” btn_link=”url:%2Felements%2Fanimation-block%2F||” btn_align=”ubtn-center” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]

Entrances and exits types animation

if you need something hide

[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”2″ animation_iteration_count=”1″ opacity=”off”]

[/ult_animation_block]

[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”4″ animation_iteration_count=”1″ opacity=”off”]

[/ult_animation_block]

[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”6″ animation_iteration_count=”1″ opacity=”off”]

[/ult_animation_block]

[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”8″ animation_iteration_count=”1″ opacity=”off”]

[/ult_animation_block]

[ult_animation_block animation=”fadeInUp” animation_duration=”2″ animation_delay=”9″ animation_iteration_count=”1″][ult_buttons btn_title=”Reaload page” btn_link=”url:%2Felements%2Fanimation-block%2F||” btn_align=”ubtn-center” btn_title_color=”#ffffff” btn_bg_color=”#26272d” btn_bg_color_hover=”#265cdc” icon_size=”32″ btn_icon_pos=”ubtn-sep-icon-at-left” btn_font_style=”font-weight:bold;”][/ult_animation_block]