Skip to main content

Different types of animations

for something really crazy

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

…and many more

[vc_empty_space height=”120px”]
[vc_empty_space height=”80px”]

Agile use for any types of block

Count limited or infinite animations

[vc_empty_space height=”80px”]
[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”][vc_single_image image=”11384″ img_size=”medium” alignment=”center”][/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]
[vc_empty_space height=”40px”][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

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.

[vc_single_image image=”11384″ img_size=”300×300″]
[/ult_animation_block]
[vc_empty_space height=”80px”]

Delay animation and hide items before

[vc_empty_space height=”80px”]
[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”0″ animation_iteration_count=”1″][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”1″ animation_iteration_count=”1″][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”2″ animation_iteration_count=”1″][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[ult_animation_block animation=”fadeInDown” animation_duration=”1″ animation_delay=”3″ animation_iteration_count=”1″][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[vc_empty_space height=”40px”][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]
[vc_empty_space height=”80px”]

Entrances and exits types animation

 if you need something hide

[vc_empty_space height=”80px”]
[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”2″ animation_iteration_count=”1″ opacity=”off”][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”4″ animation_iteration_count=”1″ opacity=”off”][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”6″ animation_iteration_count=”1″ opacity=”off”][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[ult_animation_block animation=”fadeOutDown” animation_duration=”1″ animation_delay=”8″ animation_iteration_count=”1″ opacity=”off”][vc_single_image image=”11384″ img_size=”full” alignment=”center”][/ult_animation_block]
[vc_empty_space height=”40px”][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]