Simple Image Parallax<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n }\n\n .parallax-container {\n overflow-x: hidden;\n overflow-y: auto;\n perspective: 1px;\n height: 100vh;\n position: relative;\n }\n\n .parallax-content {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 200%; \/* Adjust the width as per your preference *\/\n transform-style: preserve-3d;\n }\n\n .parallax-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n animation: parallaxAnimation 10s linear infinite; \/* Adjust the animation duration as per your preference *\/\n }\n\n @keyframes parallaxAnimation {\n 0% {\n transform: translateX(0%);\n }\n 50% {\n transform: translateX(-50%);\n }\n }\n\n .parallax-layer img {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Maintain image aspect ratio *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"parallax-container\">\n <div class=\"parallax-content\">\n <div class=\"parallax-layer\">\n <img decoding=\"async\" src=\"https:\/\/computer-repairs-pro.au\/wp-content\/uploads\/2022\/06\/computer-repairs-gold-coast.jpeg\" alt=\"Parallax Image\">\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Simple Image Parallax<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1627","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts\/1627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/comments?post=1627"}],"version-history":[{"count":2,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts\/1627\/revisions"}],"predecessor-version":[{"id":1629,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts\/1627\/revisions\/1629"}],"wp:attachment":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/media?parent=1627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/categories?post=1627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/tags?post=1627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":1627,"date":"2023-05-28T20:06:36","date_gmt":"2023-05-28T10:06:36","guid":{"rendered":"https:\/\/computer-repairs-pro.au\/?p=1627"},"modified":"2023-05-28T20:10:34","modified_gmt":"2023-05-28T10:10:34","slug":"parallax","status":"publish","type":"post","link":"https:\/\/computer-repairs-pro.au\/index.php\/2023\/05\/28\/parallax\/","title":{"rendered":"Parallax"},"content":{"rendered":"\n

<\/p>\n\n\n\n\n\n\n Simple Image Parallax<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n }\n\n .parallax-container {\n overflow-x: hidden;\n overflow-y: auto;\n perspective: 1px;\n height: 100vh;\n position: relative;\n }\n\n .parallax-content {\n position: absolute;\n top: 0;\n left: 0;\n height: 100%;\n width: 200%; \/* Adjust the width as per your preference *\/\n transform-style: preserve-3d;\n }\n\n .parallax-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n animation: parallaxAnimation 10s linear infinite; \/* Adjust the animation duration as per your preference *\/\n }\n\n @keyframes parallaxAnimation {\n 0% {\n transform: translateX(0%);\n }\n 50% {\n transform: translateX(-50%);\n }\n }\n\n .parallax-layer img {\n display: block;\n position: absolute;\n top: 0;\n left: 0;\n width: 100%;\n height: 100%;\n object-fit: cover; \/* Maintain image aspect ratio *\/\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"parallax-container\">\n <div class=\"parallax-content\">\n <div class=\"parallax-layer\">\n <img decoding=\"async\" src=\"https:\/\/computer-repairs-pro.au\/wp-content\/uploads\/2022\/06\/computer-repairs-gold-coast.jpeg\" alt=\"Parallax Image\">\n <\/div>\n <\/div>\n <\/div>\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Simple Image Parallax<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"neve_meta_sidebar":"","neve_meta_container":"","neve_meta_enable_content_width":"","neve_meta_content_width":0,"neve_meta_title_alignment":"","neve_meta_author_avatar":"","neve_post_elements_order":"","neve_meta_disable_header":"","neve_meta_disable_footer":"","neve_meta_disable_title":"","footnotes":""},"categories":[1],"tags":[],"class_list":["post-1627","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts\/1627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/comments?post=1627"}],"version-history":[{"count":2,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts\/1627\/revisions"}],"predecessor-version":[{"id":1629,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/posts\/1627\/revisions\/1629"}],"wp:attachment":[{"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/media?parent=1627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/categories?post=1627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/computer-repairs-pro.au\/index.php\/wp-json\/wp\/v2\/tags?post=1627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}