Animation block

[vc_row full_height=»yes»][vc_column][vc_column_text css_animation=»bottom-to-top»]

Different types of animations

for something really crazy

[/vc_column_text][vc_empty_space height=»80px»][vc_row_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][/vc_row_inner][vc_empty_space height=»40px»][vc_row_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][/vc_row_inner][vc_empty_space height=»40px»][vc_row_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column_inner][/vc_row_inner][vc_empty_space height=»40px»][vc_column_text]

…and many more

[/vc_column_text][vc_empty_space height=»120px»][/vc_column][/vc_row][vc_row full_width=»stretch_row» full_height=»yes» bg_type=»bg_color» bg_color_value=»#f7f7f7″][vc_column][vc_empty_space height=»80px»][vc_column_text css_animation=»bottom-to-top»]

Agile use for any types of block

Count limited or infinite animations

[/vc_column_text][vc_empty_space height=»80px»][vc_row_inner][vc_column_inner width=»1/4″][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=»#485CC7″ 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″][vc_column_text]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][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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][/vc_column_inner][vc_column_inner width=»1/4″][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=»#485CC7″][/ult_animation_block][/vc_column_inner][vc_column_inner width=»1/4″][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_column_inner][/vc_row_inner][vc_empty_space height=»40px»][ult_animation_block animation=»InfiniteDangle» animation_duration=»3″ animation_delay=»0″ animation_iteration_count=»1″ opacity=»off»][vc_row_inner][vc_column_inner width=»1/3″][vc_column_text]

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.[/vc_column_text][/vc_column_inner][vc_column_inner width=»1/3″][vc_column_text]

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_column_text][/vc_column_inner][vc_column_inner width=»1/3″][vc_single_image image=»11384″ img_size=»300×300″][/vc_column_inner][/vc_row_inner][/ult_animation_block][/vc_column][/vc_row][vc_row full_height=»yes»][vc_column][vc_empty_space height=»80px»][vc_column_text css_animation=»bottom-to-top»]

Delay animation and hide items before

[/vc_column_text][vc_empty_space height=»80px»][vc_row_inner][vc_column_inner width=»1/4″][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][/vc_column_inner][vc_column_inner width=»1/4″][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][/vc_column_inner][vc_column_inner width=»1/4″][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][/vc_column_inner][vc_column_inner width=»1/4″][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_column_inner][/vc_row_inner][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column][/vc_row][vc_row full_width=»stretch_row» full_height=»yes» bg_type=»bg_color» bg_color_value=»#f7f7f7″ css=».vc_custom_1444749858086{margin-bottom: 0px !important;}»][vc_column][vc_empty_space height=»80px»][vc_column_text css_animation=»bottom-to-top»]

Entrances and exits types animation

 if you need something hide

[/vc_column_text][vc_empty_space height=»80px»][vc_row_inner][vc_column_inner width=»1/4″][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][/vc_column_inner][vc_column_inner width=»1/4″][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][/vc_column_inner][vc_column_inner width=»1/4″][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][/vc_column_inner][vc_column_inner width=»1/4″][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_column_inner][/vc_row_inner][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=»#485CC7″ icon_size=»32″ btn_icon_pos=»ubtn-sep-icon-at-left» btn_font_style=»font-weight:bold;»][/ult_animation_block][/vc_column][/vc_row]