{"id":479,"date":"2022-11-27T09:01:17","date_gmt":"2022-11-27T09:01:17","guid":{"rendered":"https:\/\/loftocean.com\/doc\/patiotime\/?post_type=ptkb&#038;p=479"},"modified":"2022-11-27T09:26:23","modified_gmt":"2022-11-27T09:26:23","slug":"background-parallax-animation-on-sections","status":"publish","type":"ptkb","link":"https:\/\/loftocean.com\/doc\/patiotime\/ptkb\/background-parallax-animation-on-sections\/","title":{"rendered":"Background Parallax Animation on Sections"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"479\" class=\"elementor elementor-479\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-f320096 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"f320096\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-30fa52a\" data-id=\"30fa52a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5593a1c elementor-widget elementor-widget-text-editor\" data-id=\"5593a1c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>When editing a section, please navigate to the\u00a0<strong>Style Tab &gt; [PatioTime Animation]<\/strong>, and then you can enable\u00a0<em><strong><span class=\"highlighted\">Parallax on Scroll<\/span>\u00a0<\/strong><\/em>animation.<\/p><p><strong>Y axis translation<\/strong>\u00a0&#8211; Controls the displacement of the background on the y-axis (longitudinal), the larger the value, the greater the background offset.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-855c668 elementor-widget elementor-widget-text-editor\" data-id=\"855c668\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><span class=\"highlighted\">Please note:<\/span>\u00a0the section need a background image\/video\/slideshow to see the parallax effect.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-243de4d elementor-widget elementor-widget-image\" data-id=\"243de4d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-scaled.jpg\" data-elementor-open-lightbox=\"yes\" data-e-action-hash=\"#elementor-action%3Aaction%3Dlightbox%26settings%3DeyJpZCI6NTA2LCJ1cmwiOiJodHRwczpcL1wvbG9mdG9jZWFuLmNvbVwvZG9jXC9wYXRpb3RpbWVcL3dwLWNvbnRlbnRcL3VwbG9hZHNcL3NpdGVzXC82XC8yMDIyXC8xMVwvc2VjdGlvbi1iZy1wYXJhbGxheC1zY2FsZWQuanBnIn0%3D\">\n\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"1440\" height=\"668\" src=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-1440x668.jpg\" class=\"attachment-patiotime_1440x9999 size-patiotime_1440x9999 wp-image-506\" alt=\"\" srcset=\"https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-1440x668.jpg 1440w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-300x139.jpg 300w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-1024x475.jpg 1024w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-768x356.jpg 768w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-1536x713.jpg 1536w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-2048x950.jpg 2048w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-1920x891.jpg 1920w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-1200x557.jpg 1200w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-780x362.jpg 780w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-600x278.jpg 600w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-550x255.jpg 550w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-370x172.jpg 370w, https:\/\/loftocean.com\/doc\/patiotime\/wp-content\/uploads\/sites\/6\/2022\/11\/section-bg-parallax-255x118.jpg 255w\" sizes=\"(max-width: 1440px) 100vw, 1440px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"menu_order":0,"template":"","ptkb_category":[6],"class_list":["post-479","ptkb","type-ptkb","status-publish","hentry","ptkb_category-elementor-settings"],"_links":{"self":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb"}],"about":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/types\/ptkb"}],"version-history":[{"count":4,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/479\/revisions"}],"predecessor-version":[{"id":509,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb\/479\/revisions\/509"}],"wp:attachment":[{"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/media?parent=479"}],"wp:term":[{"taxonomy":"ptkb_category","embeddable":true,"href":"https:\/\/loftocean.com\/doc\/patiotime\/wp-json\/wp\/v2\/ptkb_category?post=479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}