{"id":338,"date":"2015-04-17T14:11:07","date_gmt":"2015-04-17T14:11:07","guid":{"rendered":"https:\/\/demo.exptheme.com\/mercyheart\/?page_id=338"},"modified":"2021-05-06T06:57:27","modified_gmt":"2021-05-06T06:57:27","slug":"animation","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/mercyheart\/animation\/","title":{"rendered":"Animation"},"content":{"rendered":"

[vc_row animation=”slideDown”][vc_column][vc_custom_heading text=”Available Animations” font_container=”tag:h2|font_size:60px|text_align:center|color:%234d4d4d|line_height:60px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1431414620084{margin-bottom: 10px !important;}” text_transform=”uppercase” el_class=”section_header”][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224844908{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInLeft”][vc_column][vc_custom_heading text=”.fadeInLeft” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430128661188{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129367238{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224864871{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInUp”][vc_column][vc_custom_heading text=”.fadeInUp” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129298112{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css_animation=”fadeInUp” css=”.vc_custom_1620284134555{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224898356{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInRight”][vc_column][vc_custom_heading text=”.fadeInRight” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129507041{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224920387{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInDown”][vc_column][vc_custom_heading text=”.fadeInDown” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129549677{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224944434{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeIn”][vc_column][vc_custom_heading text=”.fadeIn” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129659956{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224961329{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”slideRight”][vc_column][vc_custom_heading text=”.slideRight” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129693254{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224976713{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”slideUp”][vc_column][vc_custom_heading text=”.slideUp” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129754807{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224992377{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”slideLeft”][vc_column][vc_custom_heading text=”.slideLeft” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129790405{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225023497{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”expandUp”][vc_column][vc_custom_heading text=”.expandUp” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129826524{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225038359{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”slideExpandUp”][vc_column][vc_custom_heading text=”.slideExpandUp” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129860282{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225058430{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”expandOpen”][vc_column][vc_custom_heading text=”.expandOpen” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129893271{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225074821{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”bigEntrance”][vc_column][vc_custom_heading text=”.bigEntrance” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129925766{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225107300{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”hatch”][vc_column][vc_custom_heading text=”.hatch” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430129969793{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225124556{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”tossing”][vc_column][vc_custom_heading text=”.tossing” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130012917{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225139420{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”pulse”][vc_column][vc_custom_heading text=”.pulse” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130048122{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225156035{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”floating”][vc_column][vc_custom_heading text=”.floating” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130087048{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225172218{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”bounce”][vc_column][vc_custom_heading text=”.bounce” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130121783{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225187337{padding-top: 15px !important;padd
\ning-bottom: 15px !important;}” animation=”pullUp”][vc_column][vc_custom_heading text=”.pullUp” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130164150{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225204921{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”pullDown”][vc_column][vc_custom_heading text=”.pullDown” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130219859{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225220392{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”stretchLeft”][vc_column][vc_custom_heading text=”.stretchLeft” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130259609{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225262784{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”stretchRight”][vc_column][vc_custom_heading text=”.stretchRight” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430130329778{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1430143958466{margin-top: 15px !important;margin-bottom: 15px !important;}” animation=”fadeInUpBig”][vc_column][vc_custom_heading text=”.fadeInUpBig” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430143931483{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225281303{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInDownBig”][vc_column][vc_custom_heading text=”.fadeInDownBig” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430143987117{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225297277{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInLeftBig”][vc_column][vc_custom_heading text=”.fadeInLeftBig” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144051048{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225312462{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInRightBig”][vc_column][vc_custom_heading text=”.fadeInRightBig” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144078522{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225328180{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”slideInDown”][vc_column][vc_custom_heading text=”.slideInDown” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144156512{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with numbe
\nr in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225346964{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”slideInLeft”][vc_column][vc_custom_heading text=”.slideInLeft” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144183117{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225362803{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”slideInRight”][vc_column][vc_custom_heading text=”.slideInRight” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144227916{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225378106{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”moveFromLeft”][vc_column][vc_custom_heading text=”.moveFromLeft” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144272297{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432225396691{padding-top: 15px !important;padding-bottom: 100px !important;}”][vc_column width=”1\/2″ column_responsive_large=”” column_responsive_medium=”” column_responsive_small=”” column_responsive_extra_small=”” animation=”moveFromRight”][vc_custom_heading text=”.moveFromRight” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144323558{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129349673{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][vc_column width=”1\/2″ column_responsive_large=”” column_responsive_medium=”” column_responsive_small=”” column_responsive_extra_small=”” animation=”moveFromBottom”][vc_custom_heading text=”.moveFromBottom” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430144401161{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css_animation=”bottom-to-top” css=”.vc_custom_1620284242663{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”<\/strong>, attributes “data-animation”<\/strong> with this class, and “data-delay”<\/strong> with number in milliseconds to any HTML element and you’re done.[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row animation=”slideDown”][vc_column][vc_custom_heading text=”Available Animations” font_container=”tag:h2|font_size:60px|text_align:center|color:%234d4d4d|line_height:60px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1431414620084{margin-bottom: 10px !important;}” text_transform=”uppercase” el_class=”section_header”][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1432224844908{padding-top: 15px !important;padding-bottom: 15px !important;}” animation=”fadeInLeft”][vc_column][vc_custom_heading text=”.fadeInLeft” font_container=”tag:h3|font_size:24px|text_align:center|color:%234d4d4d|line_height:24px” google_fonts=”font_family:Raleway%3A100%2C200%2C300%2Cregular%2C500%2C600%2C700%2C800%2C900|font_style:300%20light%20regular%3A300%3Anormal” link_color=”#888888″ icon_size=”24″ icon_color=”#888888″ css=”.vc_custom_1430128661188{margin-top: 20px !important;margin-bottom: 10px !important;}”][vc_column_text css=”.vc_custom_1430129367238{margin-bottom: 10px !important;}” el_class=”align-center”]Just add class “to_animate”, attributes “data-animation” with this class, and “data-delay” with number in milliseconds to any HTML element and you’re […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-338","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/pages\/338","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/comments?post=338"}],"version-history":[{"count":3,"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/pages\/338\/revisions"}],"predecessor-version":[{"id":1289,"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/pages\/338\/revisions\/1289"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/mercyheart\/wp-json\/wp\/v2\/media?parent=338"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}