{"id":851,"date":"2017-09-22T07:42:14","date_gmt":"2017-09-22T07:42:14","guid":{"rendered":"https:\/\/demo.exptheme.com\/burnley\/?page_id=851"},"modified":"2017-09-22T07:42:14","modified_gmt":"2017-09-22T07:42:14","slug":"animation","status":"publish","type":"page","link":"https:\/\/demo.exptheme.com\/burnley\/animation\/","title":{"rendered":"Animation"},"content":{"rendered":"

[vc_row css=”.vc_custom_1512631901512{margin-bottom: 18px !important;padding-top: 100px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideDown”][vc_custom_heading text=”Available Animations” font_container=”tag:h2|text_align:center|line_height:0.8″ use_theme_fonts=”yes” uppercase=”1″ thin=””][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312543957{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”scaleAppear”][vc_column_text]<\/p>\n

.scaleAppear<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312551988{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInLeft”][vc_column_text]<\/p>\n

.fadeInLeft<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312558526{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInUp” css=”.vc_custom_1497584257884{margin-bottom: 18px !important;}”][vc_column_text]<\/p>\n

.fadeInUp<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312619690{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInRight”][vc_column_text]<\/p>\n

.fadeInRight<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312626209{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInDown”][vc_column_text]<\/p>\n

.fadeInDown<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312634220{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeIn”][vc_column_text]<\/p>\n

.fadeIn<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312641508{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideRight”][vc_column_text]<\/p>\n

.slideRight<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312647745{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideUp”][vc_column_text]<\/p>\n

.slideUp<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312655206{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideLeft”][vc_column_text]<\/p>\n

.slideLeft<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312662255{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”expandUp”][vc_column_text]<\/p>\n

.expandUp<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312668518{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideExpandUp”][vc_column_text]<\/p>\n

.slideExpandUp<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312674593{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”expandOpen”][vc_column_text]<\/p>\n

.expandOpen<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312679998{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”bigEntrance”][vc_column_text]<\/p>\n

.bigEntrance<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312687471{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”hatch”][vc_column_text]<\/p>\n

.hatch<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312695385{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”tossing”][vc_column_text]<\/p>\n

.tossing<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312701292{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”pulse”][vc_column_text]<\/p>\n

.pulse<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312709748{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”floating”][vc_column_text]<\/p>\n

.floating<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312719243{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”bounce”][vc_column_text]<\/p>\n

.bounce<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312724607{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”pullUp”][vc_column_text]<\/p>\n

.pullUp<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312732391{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”pullDown”][vc_column_text]<\/p>\n

.pullDown<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312737888{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”stretchLeft”][vc_column_text]<\/p>\n

.stretchLeft<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312742985{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”stretchRight”][vc_column_text]<\/p>\n

.stretchRight<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312750259{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInUpBig”][vc_column_text]<\/p>\n

.fadeInUpBig<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312755968{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInDownBig”][vc_column_text]<\/p>\n

.fadeInDownBig<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312761718{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInLeftBig”][vc_column_text]<\/p>\n

.fadeInLeftBig<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312767348{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInRightBig”][vc_column_text]<\/p>\n

.fadeInRightBig<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312772831{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideInDown”][vc_column_text]<\/p>\n

.slideInDown<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312778426{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideInLeft”][vc_column_text]<\/p>\n

.slideInLeft<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312783762{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideInRight”][vc_column_text]<\/p>\n

.slideInRight<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312789922{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”moveFromLeft”][vc_column_text]<\/p>\n

.moveFromLeft<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row][vc_row el_class=”.page-typography-color” css=”.vc_custom_1512631911638{padding-bottom: 100px !important;}”][vc_column css_animation=”moveFromRight” width=”1\/2″ css=”.vc_custom_1497585593587{margin-bottom: 18px !important;}”][vc_column_text]<\/p>\n

.moveFromRight<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][vc_column width=”1\/2″ css=”.vc_custom_1497585602451{margin-bottom: 18px !important;}”][vc_column_text]<\/p>\n

.moveFromBottom<\/h3>\n

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.<\/p>\n

[\/vc_column_text][\/vc_column][\/vc_row]<\/p>\n","protected":false},"excerpt":{"rendered":"

[vc_row css=”.vc_custom_1512631901512{margin-bottom: 18px !important;padding-top: 100px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”slideDown”][vc_custom_heading text=”Available Animations” font_container=”tag:h2|text_align:center|line_height:0.8″ use_theme_fonts=”yes” uppercase=”1″ thin=””][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312543957{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”scaleAppear”][vc_column_text] .scaleAppear 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 done. [\/vc_column_text][\/vc_column][\/vc_row][vc_row css=”.vc_custom_1506312551988{margin-bottom: 18px !important;}” el_class=”.page-typography-color”][vc_column css_animation=”fadeInLeft”][vc_column_text] .fadeInLeft Just add class “to_animate”, attributes “data-animation” […]<\/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-851","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.exptheme.com\/burnley\/wp-json\/wp\/v2\/pages\/851","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.exptheme.com\/burnley\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.exptheme.com\/burnley\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/burnley\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.exptheme.com\/burnley\/wp-json\/wp\/v2\/comments?post=851"}],"version-history":[{"count":0,"href":"https:\/\/demo.exptheme.com\/burnley\/wp-json\/wp\/v2\/pages\/851\/revisions"}],"wp:attachment":[{"href":"https:\/\/demo.exptheme.com\/burnley\/wp-json\/wp\/v2\/media?parent=851"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}