{"id":13248,"date":"2022-05-04T12:27:48","date_gmt":"2022-05-04T12:27:48","guid":{"rendered":"http:\/\/monty.zoomarts.works\/main\/?page_id=13248"},"modified":"2022-05-04T12:27:48","modified_gmt":"2022-05-04T12:27:48","slug":"parallax-backgrounds","status":"publish","type":"page","link":"https:\/\/rawlingsfoundation.mx\/index.php\/elements\/parallax-backgrounds\/","title":{"rendered":"Parallax Backgrounds"},"content":{"rendered":"<section class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row&#8221; full_height=&#8221;yes&#8221; bg_media_type=&#8221;img_bg&#8221; bg_image=&#8221;26829&#8243; bg_media_effect=&#8221;parallax_bg&#8221; parallax_speed=&#8221;4&#8243; bg_cover=&#8221;cover&#8221; bg_position=&#8221;center center&#8221; bg_start_from_v=&#8221;top&#8221; animation_delay=&#8221;0&#8243; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;180px&#8220;,&#8220;padding-bottom&#8220;:&#8220;180px&#8220;}}&#8221; bg_size_title=&#8221;&#8221; top_shape_separator_title=&#8221;&#8221; bottom_shape_separator_title=&#8221;&#8221;][vc_column stretching=&#8221;none&#8221;]<div class=\"moura-custom-font moura-custom-font-105922122 text-lg-center\" ><h3 class=\"moura-custom-font-inner  split-text-animate-top\" data-split-animation-delay=\"0.2\">Simple parallax effect<\/h3 ><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style>.moura-custom-font.moura-custom-font-105922122 h3 { font-size: 34px; } .moura-custom-font.moura-custom-font-105922122 h3 { color: #ffffff; } <\/style>\"); })(jQuery);<\/script><\/div><div class=\"moura-empty-space moura-empty-space-105922167\"><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style>.moura-empty-space.moura-empty-space-105922167 { height:30px; }<\/style>\"); })(jQuery);<\/script><\/div><div class=\"moura-custom-font moura-custom-font-105922185 text-lg-center\" ><p class=\"moura-custom-font-inner  \" >Create a simple parallax scrolling effect and you can control the parallax speed. Row element offers a full set of customization options.<\/p ><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style> .moura-custom-font.moura-custom-font-105922185 { padding-right: 30% !important; } .moura-custom-font.moura-custom-font-105922185 { padding-left: 30% !important; } @media only screen and (max-width:991px) { .moura-custom-font.moura-custom-font-105922185 { padding-right: 20% !important; } .moura-custom-font.moura-custom-font-105922185 { padding-left: 20% !important; } } @media only screen and (max-width:767px) { .moura-custom-font.moura-custom-font-105922185 { padding-right: 12% !important; } .moura-custom-font.moura-custom-font-105922185 { padding-left: 12% !important; } }.moura-custom-font.moura-custom-font-105922185 p { font-size: 17px; } .moura-custom-font.moura-custom-font-105922185 p { line-height: 2em; } .moura-custom-font.moura-custom-font-105922185 p { color: rgba(255,255,255,0.5); } <\/style>\"); })(jQuery);<\/script><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; full_height=&#8221;yes&#8221; bg_media_type=&#8221;img_bg&#8221; bg_image=&#8221;26831&#8243; bg_media_effect=&#8221;scale_bg&#8221; scale_speed=&#8221;3&#8243; bg_cover=&#8221;cover&#8221; bg_position=&#8221;center center&#8221; bg_start_from_v=&#8221;top&#8221; animation_delay=&#8221;0&#8243; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;180px&#8220;,&#8220;padding-bottom&#8220;:&#8220;180px&#8220;}}&#8221;][vc_column stretching=&#8221;none&#8221;]<div class=\"moura-custom-font moura-custom-font-105922232 text-lg-center\" ><h3 class=\"moura-custom-font-inner  split-text-animate-top\" >Scaling parallax effect<\/h3 ><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style>.moura-custom-font.moura-custom-font-105922232 h3 { font-size: 34px; } .moura-custom-font.moura-custom-font-105922232 h3 { color: #ffffff; } <\/style>\"); })(jQuery);<\/script><\/div><div class=\"moura-empty-space moura-empty-space-105922246\"><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style>.moura-empty-space.moura-empty-space-105922246 { height:30px; }<\/style>\"); })(jQuery);<\/script><\/div><div class=\"moura-custom-font moura-custom-font-105922258 text-lg-center\" ><p class=\"moura-custom-font-inner  \" >Create a scaling parallax scrolling effect. You can control the parallax speed. Also you can reverse the scaling effect by picking negative speed value.<\/p ><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style> .moura-custom-font.moura-custom-font-105922258 { padding-right: 30% !important; } .moura-custom-font.moura-custom-font-105922258 { padding-left: 30% !important; } @media only screen and (max-width:991px) { .moura-custom-font.moura-custom-font-105922258 { padding-right: 20% !important; } .moura-custom-font.moura-custom-font-105922258 { padding-left: 20% !important; } } @media only screen and (max-width:767px) { .moura-custom-font.moura-custom-font-105922258 { padding-right: 12% !important; } .moura-custom-font.moura-custom-font-105922258 { padding-left: 12% !important; } }.moura-custom-font.moura-custom-font-105922258 p { font-size: 17px; } .moura-custom-font.moura-custom-font-105922258 p { line-height: 2em; } .moura-custom-font.moura-custom-font-105922258 p { color: rgba(255,255,255,0.5); } <\/style>\"); })(jQuery);<\/script><\/div>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; full_height=&#8221;yes&#8221; bg_media_type=&#8221;img_bg&#8221; bg_image=&#8221;26832&#8243; bg_media_effect=&#8221;parallax_mousemove&#8221; parallax_mousemove_speed=&#8221;3&#8243; bg_cover=&#8221;cover&#8221; bg_position=&#8221;center center&#8221; bg_start_from_v=&#8221;top&#8221; animation_delay=&#8221;0&#8243; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;180px&#8220;,&#8220;padding-bottom&#8220;:&#8220;180px&#8220;}}&#8221;][vc_column stretching=&#8221;none&#8221;]<div class=\"moura-custom-font moura-custom-font-105922290 text-lg-center\" ><h3 class=\"moura-custom-font-inner  split-text-animate-top\" >Mouse move parallax<\/h3 ><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style>.moura-custom-font.moura-custom-font-105922290 h3 { font-size: 34px; } .moura-custom-font.moura-custom-font-105922290 h3 { color: #ffffff; } <\/style>\"); })(jQuery);<\/script><\/div><div class=\"moura-empty-space moura-empty-space-105922301\"><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style>.moura-empty-space.moura-empty-space-105922301 { height:30px; }<\/style>\"); })(jQuery);<\/script><\/div><div class=\"moura-custom-font moura-custom-font-105922313 text-lg-center\" ><p class=\"moura-custom-font-inner  \" >Create a smooth parallax animation effect that reacts to mouse movement. Each element offers a full set of customization options.<\/p ><script type=\"text\/javascript\"> (function($) { $(\"head\").append(\"<style> .moura-custom-font.moura-custom-font-105922313 { padding-right: 30% !important; } .moura-custom-font.moura-custom-font-105922313 { padding-left: 30% !important; } @media only screen and (max-width:991px) { .moura-custom-font.moura-custom-font-105922313 { padding-right: 20% !important; } .moura-custom-font.moura-custom-font-105922313 { padding-left: 20% !important; } } @media only screen and (max-width:767px) { .moura-custom-font.moura-custom-font-105922313 { padding-right: 12% !important; } .moura-custom-font.moura-custom-font-105922313 { padding-left: 12% !important; } }.moura-custom-font.moura-custom-font-105922313 p { font-size: 17px; } .moura-custom-font.moura-custom-font-105922313 p { line-height: 2em; } .moura-custom-font.moura-custom-font-105922313 p { color: rgba(255,255,255,0.5); } <\/style>\"); })(jQuery);<\/script><\/div>[\/vc_column][\/vc_row]<\/p>\n<\/section>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row&#8221; full_height=&#8221;yes&#8221; bg_media_type=&#8221;img_bg&#8221; bg_image=&#8221;26829&#8243; bg_media_effect=&#8221;parallax_bg&#8221; parallax_speed=&#8221;4&#8243; bg_cover=&#8221;cover&#8221; bg_position=&#8221;center center&#8221; bg_start_from_v=&#8221;top&#8221; animation_delay=&#8221;0&#8243; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;180px&#8220;,&#8220;padding-bottom&#8220;:&#8220;180px&#8220;}}&#8221; bg_size_title=&#8221;&#8221; top_shape_separator_title=&#8221;&#8221; bottom_shape_separator_title=&#8221;&#8221;][vc_column stretching=&#8221;none&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; full_height=&#8221;yes&#8221; bg_media_type=&#8221;img_bg&#8221; bg_image=&#8221;26831&#8243; bg_media_effect=&#8221;scale_bg&#8221; scale_speed=&#8221;3&#8243; bg_cover=&#8221;cover&#8221; bg_position=&#8221;center center&#8221; bg_start_from_v=&#8221;top&#8221; animation_delay=&#8221;0&#8243; el_design=&#8221;{&#8220;desktop&#8220;:{&#8220;padding-top&#8220;:&#8220;180px&#8220;,&#8220;padding-bottom&#8220;:&#8220;180px&#8220;}}&#8221;][vc_column stretching=&#8221;none&#8221;][\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row&#8221; full_height=&#8221;yes&#8221; bg_media_type=&#8221;img_bg&#8221; bg_image=&#8221;26832&#8243; bg_media_effect=&#8221;parallax_mousemove&#8221; parallax_mousemove_speed=&#8221;3&#8243; bg_cover=&#8221;cover&#8221; bg_position=&#8221;center center&#8221; bg_start_from_v=&#8221;top&#8221;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":8169,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-13248","page","type-page","status-publish","hentry","even"],"_links":{"self":[{"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/pages\/13248","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/comments?post=13248"}],"version-history":[{"count":0,"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/pages\/13248\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/pages\/8169"}],"wp:attachment":[{"href":"https:\/\/rawlingsfoundation.mx\/index.php\/wp-json\/wp\/v2\/media?parent=13248"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}