Restart CSS Animation

[vc_row full_width=”stretch_row” text_align=”center” css=”.vc_custom_1453206088604{margin-bottom: 80px !important;padding-top: 100px !important;padding-bottom: 80px !important;background-color: #f4f4f4 !important;}”][vc_column][vc_custom_heading text=”Restart CSS Animation” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal” font_container=”tag:h2|font_size:60|text_align:center|color:%23222222″ font_title_responsive=”true” css=”.vc_custom_1454338565803{padding-bottom: 60px !important;}”][vc_row_inner][vc_column_inner width=”1/6″][/vc_column_inner][vc_column_inner width=”2/3″][vc_column_text]You want your website to look alive and agile. To achieve this, we’ve added a feature that makes animations restart. Restarting animations means that every time you scroll the page, the animation will be played once more. You can check out the examples of how it works below. Simply scroll down the page, go back up, and then down again. Enjoy![/vc_column_text][/vc_column_inner][vc_column_inner width=”1/6″][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row][vc_row text_align=”center”][vc_column el_class=”fix-column”][vc_separator direction=”v” width=”250″ css=”.vc_custom_1454670558953{margin-bottom: 20px !important;}”][vc_custom_heading text=”500 px” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:700%20bold%20regular%3A700%3Anormal” font_container=”tag:h2|font_size:14|text_align:center|color:%23333333″ rotate=”m90″ r_width=”45″ css=”.vc_custom_1454753099884{margin-top: 70px !important;margin-left: 25px !important;}”][vc_separator direction=”v” width=”250″ css=”.vc_custom_1454670589329{margin-top: 20px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1453287373444{padding-top: 150px !important;padding-bottom: 50px !important;}”][vc_column][vc_custom_heading text=”Restart CSS Animation Off” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][/vc_column][/vc_row][vc_row gap=”35″ css_animation=”fadeInUp2″][vc_column width=”1/3″ css=”.vc_custom_1452869327613{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869354360{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869363467{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1453287390229{padding-top: 150px !important;padding-bottom: 50px !important;}”][vc_column][vc_custom_heading text=”Restart CSS Animation On” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″][vc_custom_heading text=”CSS Animation on Row: fadeInUp2″ google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:14|text_align:center|color:%23999999″ css=”.vc_custom_1453287798384{padding-top: 10px !important;}”][/vc_column][/vc_row][vc_row gap=”35″ css_animation=”fadeInUp2″ css_animation_repeat=”show_video”][vc_column width=”1/3″ css=”.vc_custom_1452869327613{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869354360{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column width=”1/3″ css=”.vc_custom_1452869363467{padding: 35px !important;background-color: #f2f2f2 !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1455708264576{padding-top: 150px !important;}”][vc_column][vc_custom_heading text=”Some Examples” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal” font_container=”tag:h2|font_size:40|text_align:center|color:%23333333″ css=”.vc_custom_1453384489730{padding-bottom: 40px !important;}”][/vc_column][/vc_row][vc_row css=”.vc_custom_1455707369615{margin-top: 150px !important;margin-bottom: 75px !important;}”][vc_column][vc_custom_heading text=”Column” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:24|text_align:center|color:%23ffffff” highlight=”true” highlight_color=”#1e73be” css=”.vc_custom_1455707919517{padding-bottom: 15px !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″][vc_custom_heading text=”Restart CSS Animation Off” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337060404{padding-bottom: 60px !important;}”][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Restart CSS Animation On” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337067443{padding-bottom: 60px !important;}”][/vc_column][/vc_row][vc_row gap=”40″][vc_column vertical_align=”bottom” css_animation=”fadeInUp2″ width=”1/2″ css=”.vc_custom_1455708334157{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;border-radius: 3px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][vc_column vertical_align=”bottom” css_animation=”fadeInUp2″ css_animation_repeat=”show_video” width=”1/2″ css=”.vc_custom_1455708242891{padding-top: 35px !important;padding-right: 35px !important;padding-bottom: 35px !important;padding-left: 35px !important;background-color: #f2f2f2 !important;border-radius: 3px !important;}”][vc_column_text]Morbi id rutrum lacus. Suspendisse interdum ultrices vulputate. Praesent aliquet diam tortor, ut ultricies tortor ultrices fermentum. Aliquam consequat finibus viverra. Vestibulum aliquet, arcu sed facilisis molestie, diam odio aliquet mi, hendrerit varius risus turpis at neque. Proin sit amet sapien quis eros auctor fringilla. Morbi non diam et mi ultricies pulvinar. Donec vel semper velit. Mauris dapibus tellus nec nulla auctor vestibulum.[/vc_column_text][/vc_column][/vc_row][vc_row css=”.vc_custom_1455707369615{margin-top: 150px !important;margin-bottom: 75px !important;}”][vc_column][vc_custom_heading text=”Counter” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:24|text_align:center|color:%23ffffff” highlight=”true” highlight_color=”#1e73be” css=”.vc_custom_1455706400325{padding-bottom: 15px !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″ css=”.vc_custom_1453287294124{border-right-width: 1px !important;border-right-color: #cccccc !important;border-right-style: solid !important;}”][vc_custom_heading text=”Restart CSS Animation Off” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337060404{padding-bottom: 60px !important;}”][rdy_counter google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal” font_color=”#222222″ position=”center” bounce_animation=”true” digit=”99″ font_size=”90″ speed=”1500″][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Restart CSS Animation On” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337067443{padding-bottom: 60px !important;}”][rdy_counter google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:800%20bold%20regular%3A800%3Anormal” font_color=”#222222″ position=”center” animation_repeat=”show_video” bounce_animation=”true” digit=”99″ font_size=”90″ speed=”1500″][/vc_column][/vc_row][vc_row css=”.vc_custom_1455707369615{margin-top: 150px !important;margin-bottom: 75px !important;}”][vc_column][vc_custom_heading text=”Separator” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:24|text_align:center|color:%23ffffff” highlight=”true” highlight_color=”#1e73be” css=”.vc_custom_1455707434262{padding-bottom: 15px !important;}”][/vc_column][/vc_row][vc_row][vc_column width=”1/2″ css=”.vc_custom_1453287294124{border-right-width: 1px !important;border-right-color: #cccccc !important;border-right-style: solid !important;}”][vc_custom_heading text=”Restart CSS Animation Off” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337060404{padding-bottom: 60px !important;}”][vc_separator thickness=”3″ width=”55″ width_in_percentages=”yes” animation=”animate1″][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Restart CSS Animation On” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337067443{padding-bottom: 60px !important;}”][vc_separator thickness=”3″ width=”55″ width_in_percentages=”yes” animation=”animate1″ css_animation_repeat=”show_video”][/vc_column][/vc_row][vc_row css=”.vc_custom_1455707369615{margin-top: 150px !important;margin-bottom: 75px !important;}”][vc_column][vc_custom_heading text=”Client List” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:24|text_align:center|color:%23ffffff” highlight=”true” highlight_color=”#1e73be” css=”.vc_custom_1455707042134{padding-bottom: 15px !important;}”][/vc_column][/vc_row][vc_row text_align=”center”][vc_column width=”1/2″ css=”.vc_custom_1453287294124{border-right-width: 1px !important;border-right-color: #cccccc !important;border-right-style: solid !important;}”][vc_custom_heading text=”Restart CSS Animation Off” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337060404{padding-bottom: 60px !important;}”][rdy_client_list style=”column” column=”3″ gutter_space=”20″ animation=”true” margin_bottom=”” include=”2288,2287,2286″][/vc_column][vc_column width=”1/2″][vc_custom_heading text=”Restart CSS Animation On” google_fonts=”font_family:Open%20Sans%3A300%2C300italic%2Cregular%2Citalic%2C600%2C600italic%2C700%2C700italic%2C800%2C800italic|font_style:600%20bold%20regular%3A600%3Anormal” font_container=”tag:h2|font_size:18|text_align:center|color:%23333333″ css=”.vc_custom_1454337067443{padding-bottom: 60px !important;}”][rdy_client_list style=”column” column=”3″ gutter_space=”20″ animation=”true” css_animation_repeat=”show_video” margin_bottom=”” include=”2288,2287,2286″][/vc_column][/vc_row]