Animation

[vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”slideInUp” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]SlideInUp[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”slideInDown” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]SlideInDown[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”slideInRight” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]SlideInRight[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”slideInLeft” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]SlideInLeft[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”zoomIn” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]ZoomIn[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”zoomInRight” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]ZoomInRight[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”zoomInLeft” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]ZoomInLeft[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”zoomInDown” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]ZoomInDown[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”zoomInUp” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]ZoomInUp[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=””][vc_column width=”1/3″][animation animation=”bounce” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Bounce[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”flash” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Flash[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”pulse” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Pulse[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”rubberBand” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Rubber Band[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”shake” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Shake[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”swing” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Swing[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”tada” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Tada[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”wobble” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Wobble[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”jello” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Jello[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”bounceIn” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]BounceIn[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”bounceInDown” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]BounceInDown[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”bounceInLeft” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]BounceInLeft[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”bounceInRight” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]BounceInRight[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”bounceInUp” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]BounceInUp[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”fadeIn” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeIn[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”fadeInDown” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeInDown[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”fadeInDownBig” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeInDownBig[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”fadeInLeftBig” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeInLeftBig[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”fadeInRight” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeInRight[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”fadeInRightBig” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeInRightBig[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”fadeInUp” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeInUp[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”fadeOut” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeOut[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”fadeOutDown” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeOutDown[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”fadeOutUp” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FadeOutUp[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”flip” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Flip[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”flipInX” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FlipInX[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”flipInY” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]FlipInY[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”lightSpeedIn” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]LightSpeedIn[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”rotateIn” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]RotateIn[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”rotateInDownRight” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]RotateInDownRight[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”rotateInDownLeft” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]RotateInDownLeft[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”rotateInUpLeft” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]RotateInUpLeft[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”rotateInUpRight” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]RotateInUpRight[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][animation animation=”rollIn” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]RollIn[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”hinge” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]Hing[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][vc_column width=”1/3″][animation animation=”rollOut” duration=”1″ delay=”” loop=””][title header=”h3″ align=”center” icon=”” icon_color=””]RollOut[/title][vc_single_image image=”1681″ alignment=”” style=”” border_color=”grey” img_link_large=”” img_link_target=”_self” css_animation=”” img_size=”full”][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=””][vc_column width=”1/1″][wrap shadow=”” parallax=”yes” ratio=”0.6″ image=”93″][gap height=”80″][vc_single_image image=”2183″ border_color=”grey” img_link_large=”” img_link_target=”_self” alignment=”center” img_size=”full” css=”.vc_custom_1434707329881{margin-bottom: 0px !important;}”][vc_column_text]

You can use animation in custom Duration, Delay and also add Loop to infinite animation

[/vc_column_text][gap height=”50″][/wrap][gap height=”50″][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][title header=”h3″ align=”center” icon=”” icon_color=””]Spin[/title][animation animation=”spin” duration=”2.5″ delay=”” loop=”yes”][vc_icon type=”fontawesome” icon_fontawesome=”fa fa-spinner” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” color=”black” background_style=”rounded” background_color=”grey” size=”md” align=”center” css_animation=””][/animation][/vc_column][vc_column width=”1/3″][title header=”h3″ align=”center” icon=”” icon_color=””]Pulse[/title][animation animation=”pulse” duration=”2″ delay=”” loop=”yes”][vc_icon type=”fontawesome” icon_fontawesome=”fa fa-heart” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” color=”custom” background_style=”” background_color=”grey” size=”lg” align=”center” css_animation=”” custom_color=”#cc0000″][/animation][/vc_column][vc_column width=”1/3″][title header=”h3″ align=”center” icon=”” icon_color=””]Tada[/title][animation animation=”tada” duration=”1″ delay=”” loop=”yes”][vc_icon type=”fontawesome” icon_fontawesome=”fa fa-bell-o” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” color=”custom” background_color=”grey” size=”lg” align=”center” custom_color=”#ad7c27″][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=”” el_id=””][vc_column width=”1/3″][title header=”h3″ align=”center” icon=”” icon_color=””]Swing[/title][animation animation=”flash” duration=”2.5″ loop=”yes”][vc_icon type=”fontawesome” icon_fontawesome=”fa fa-exclamation-triangle” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” color=”custom” background_color=”grey” size=”lg” align=”center” custom_color=”#ddbe33″][/animation][/vc_column][vc_column width=”1/3″][title header=”h3″ align=”center” icon=”” icon_color=””]Flash[/title][animation animation=”swing” duration=”1.5″ delay=”” loop=”yes”][vc_icon type=”fontawesome” icon_fontawesome=”fa fa-anchor” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” color=”custom” background_style=”” background_color=”grey” size=”lg” align=”center” css_animation=”” custom_color=”#757575″][/animation][/vc_column][vc_column width=”1/3″][title header=”h3″ align=”center” icon=”” icon_color=””]Jello[/title][animation animation=”jello” duration=”1″ delay=”” loop=”yes”][vc_icon type=”fontawesome” icon_fontawesome=”fa fa-bolt” icon_openiconic=”vc-oi vc-oi-dial” icon_typicons=”typcn typcn-adjust-brightness” icon_entypo=”entypo-icon entypo-icon-note” icon_linecons=”vc_li vc_li-heart” color=”custom” background_style=”” background_color=”grey” size=”lg” align=”center” css_animation=”” custom_color=”#f29100″][/animation][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=””][vc_column width=”1/1″][gap height=”50″][title header=”h2″ align=”center”]Animation with Dely[/title][/vc_column][/vc_row][vc_row full_width=”” parallax=”” parallax_image=””][vc_column width=”1/6″][animation animation=”fadeIn” duration=”1″ delay=”” loop=””][vc_column_text css_animation=””]

1

[/vc_column_text][/animation][/vc_column][vc_column width=”1/6″][animation animation=”fadeIn” duration=”1″ loop=”” delay=”1000″][vc_column_text]

2

[/vc_column_text][/animation][/vc_column][vc_column width=”1/6″][animation animation=”fadeIn” duration=”1″ delay=”2000″ loop=””][vc_column_text]

3

[/vc_column_text][/animation][/vc_column][vc_column width=”1/6″][animation animation=”fadeIn” duration=”1″ delay=”3000″ loop=””][vc_column_text]

4

[/vc_column_text][/animation][/vc_column][vc_column width=”1/6″][animation animation=”fadeIn” duration=”1″ delay=”4000″ loop=””][vc_column_text]

5

[/vc_column_text][/animation][/vc_column][vc_column width=”1/6″][animation animation=”fadeIn” duration=”1″ delay=”5000″ loop=””][vc_column_text]

6

[/vc_column_text][/animation][/vc_column][/vc_row]