{"id":12349,"date":"2024-03-18T21:23:11","date_gmt":"2024-03-18T21:23:11","guid":{"rendered":"https:\/\/codex-themes.com\/thegem\/blocks\/?page_id=12349"},"modified":"2023-04-28T13:10:20","modified_gmt":"2023-04-28T13:10:20","slug":"fullscreen-scroller","status":"publish","type":"page","link":"https:\/\/codex-themes.com\/thegem\/blocks\/fullscreen-scroller\/","title":{"rendered":"Fullscreen Scroller"},"content":{"rendered":"<div class=\"wpb-content-wrapper\"><p>[vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; content_placement=&#8221;bottom&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682685388428{margin-bottom: 0px !important;background-color: #7130d6 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; ken_burns_image=&#8221;12387&#8243;][vc_column css=&#8221;.vc_custom_1682622971633{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}&#8221; mobile_padding_left=&#8221;21&#8243; mobile_padding_right=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-6a1f25a8c039c2865\" ><script type=\"text\/javascript\">(function() {function TheGemHeading() {this.animateClass = 'thegem-heading-animate';this.animatedClass = 'thegem-heading-animated';}TheGemHeading.prototype = {initialize: function () {let items =document.querySelectorAll('.'+this.animateClass);items.forEach((item)=>{if (this.isElementVisible(item)) {this.prepareAnimation(item);this.startAnimation(item);}});if ('IntersectionObserver' in window) {let intersectionObserver = new IntersectionObserver((entries)=>{entries.forEach((entry)=> {if (entry.isIntersecting) {this.startAnimation(entry.target);intersectionObserver.unobserve(entry.target);}});});items.forEach((item)=>{intersectionObserver.observe(item);this.prepareAnimation(item);});} else {items.forEach((item)=>{this.prepareAnimation(item);this.startAnimation(item);});}},isElementVisible: function (element) {let rect= element.getBoundingClientRect(),width= window.innerWidth || document.documentElement.clientWidth,height = window.innerHeight || document.documentElement.clientHeight,efp= (x, y) => document.elementFromPoint(x, y);if (rect.right < 0 || rect.bottom < 0 || rect.left > width || rect.top > height) return false;return (element.contains(efp(rect.left,rect.top)) ||element.contains(efp(rect.right, rect.top)) ||element.contains(efp(rect.right, rect.bottom)) ||element.contains(efp(rect.left,rect.bottom)));},startAnimation: function (element) {if (element && !element.classList.contains(this.animatedClass)) {element.classList.add(this.animatedClass);element.classList.remove(this.animateClass);element.dispatchEvent(new Event('theGemHeading.startAnimation', {bubbles: true}));}},prepareAnimation: function (element) {if (element && !element.isPreparedAnimation) {element.dispatchEvent(new Event('theGemHeading.prepareAnimation', {bubbles: true}));element.isPreparedAnimation = true;}}};window.theGemHeading = new TheGemHeading();document.addEventListener('DOMContentLoaded', function() {window.theGemHeading.initialize();});})();<\/script><div id=\"thegem-heading-6a1f25a8c0300\" class=\"thegem-heading title-h4 words-slide-right thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 15ms\">Laptop<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 30ms\">Mockup<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-6a1f25a8c0300 {margin: 0;}#thegem-heading-6a1f25a8c0300 {letter-spacing: 0px;}#thegem-heading-6a1f25a8c0300, #thegem-heading-6a1f25a8c0300 .light {text-transform: none;}#thegem-heading-6a1f25a8c0300 a:hover, #thegem-heading-6a1f25a8c0300 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c039c2865{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c039c2865{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c039c2865{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c039c2865{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; content_placement=&#8221;bottom&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682687205481{margin-bottom: 0px !important;background-color: #b3c8d9 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; ken_burns_image=&#8221;12394&#8243;][vc_column css=&#8221;.vc_custom_1682622976703{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}&#8221; mobile_padding_left=&#8221;21&#8243; mobile_padding_right=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-6a1f25a8c04731517\" ><div id=\"thegem-heading-6a1f25a8c0443\" class=\"thegem-heading title-h4 words-slide-right thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 15ms\">Card<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 30ms\">Mockup<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-6a1f25a8c0443 {margin: 0;}#thegem-heading-6a1f25a8c0443 {letter-spacing: 0px;}#thegem-heading-6a1f25a8c0443, #thegem-heading-6a1f25a8c0443 .light {text-transform: none;}#thegem-heading-6a1f25a8c0443 a:hover, #thegem-heading-6a1f25a8c0443 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c04731517{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c04731517{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c04731517{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c04731517{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; content_placement=&#8221;bottom&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682687385269{margin-bottom: 0px !important;background-color: #181818 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; ken_burns_image=&#8221;12398&#8243;][vc_column css=&#8221;.vc_custom_1682622982336{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}&#8221; mobile_padding_left=&#8221;21&#8243; mobile_padding_right=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-6a1f25a8c04fa3829\" ><div id=\"thegem-heading-6a1f25a8c04db\" class=\"thegem-heading title-h4 words-slide-right thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 15ms\">Wrinkles<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 30ms\">Mockups<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-6a1f25a8c04db {margin: 0;}#thegem-heading-6a1f25a8c04db {letter-spacing: 0px;}#thegem-heading-6a1f25a8c04db, #thegem-heading-6a1f25a8c04db .light {text-transform: none;}#thegem-heading-6a1f25a8c04db a:hover, #thegem-heading-6a1f25a8c04db a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c04fa3829{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c04fa3829{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c04fa3829{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c04fa3829{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; content_placement=&#8221;bottom&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682687395563{margin-bottom: 0px !important;background-color: #d1d1d1 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; ken_burns_image=&#8221;12399&#8243;][vc_column css=&#8221;.vc_custom_1682622987769{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}&#8221; mobile_padding_left=&#8221;21&#8243; mobile_padding_right=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-6a1f25a8c06266142\" ><div id=\"thegem-heading-6a1f25a8c05d4\" class=\"thegem-heading title-h4 words-slide-right thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 15ms\">Tablet<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 30ms\">Mockup<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-6a1f25a8c05d4 {margin: 0;}#thegem-heading-6a1f25a8c05d4 {letter-spacing: 0px;}#thegem-heading-6a1f25a8c05d4, #thegem-heading-6a1f25a8c05d4 .light {text-transform: none;}#thegem-heading-6a1f25a8c05d4 a:hover, #thegem-heading-6a1f25a8c05d4 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c06266142{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c06266142{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c06266142{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c06266142{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; content_placement=&#8221;bottom&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682687408693{margin-bottom: 0px !important;background-color: #6c52cf !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; ken_burns_image=&#8221;12400&#8243;][vc_column css=&#8221;.vc_custom_1682622993256{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}&#8221; mobile_padding_left=&#8221;21&#8243; mobile_padding_right=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-6a1f25a8c07161953\" ><div id=\"thegem-heading-6a1f25a8c06ec\" class=\"thegem-heading title-h4 words-slide-right thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 15ms\">Wrinkled<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 30ms\">Mockup<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-6a1f25a8c06ec {margin: 0;}#thegem-heading-6a1f25a8c06ec {letter-spacing: 0px;}#thegem-heading-6a1f25a8c06ec, #thegem-heading-6a1f25a8c06ec .light {text-transform: none;}#thegem-heading-6a1f25a8c06ec a:hover, #thegem-heading-6a1f25a8c06ec a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c07161953{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c07161953{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c07161953{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c07161953{position: relative !important;}}<\/style>[\/vc_column][\/vc_row][vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; content_placement=&#8221;bottom&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682687418124{margin-bottom: 0px !important;background-color: #121212 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221; ken_burns_image=&#8221;12401&#8243;][vc_column css=&#8221;.vc_custom_1682622999304{padding-top: 50px !important;padding-right: 50px !important;padding-bottom: 50px !important;padding-left: 50px !important;}&#8221; mobile_padding_left=&#8221;21&#8243; mobile_padding_right=&#8221;21&#8243;]<div class=\"thegem-te-heading thegem-custom-6a1f25a8c07e25695\" ><div id=\"thegem-heading-6a1f25a8c07b5\" class=\"thegem-heading title-h4 words-slide-right thegem-heading-animate\" style=\"text-align: left;\" ><span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 15ms\">Wrinkles<\/span><\/span> <span class=\"thegem-heading-word-wrap\"><span class=\"colored thegem-heading-word\" style=\"color: #ffffff; animation-delay: 30ms\">Mockups<\/span><\/span><\/div><style type=\"text\/css\">#thegem-heading-6a1f25a8c07b5 {margin: 0;}#thegem-heading-6a1f25a8c07b5 {letter-spacing: 0px;}#thegem-heading-6a1f25a8c07b5, #thegem-heading-6a1f25a8c07b5 .light {text-transform: none;}#thegem-heading-6a1f25a8c07b5 a:hover, #thegem-heading-6a1f25a8c07b5 a:hover span.colored {color: var(--thegem-to-menu-level1-color-hover, #00BCD4) !important;}<\/style><\/div><style>@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c07e25695{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c07e25695{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-6a1f25a8c07e25695{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-6a1f25a8c07e25695{position: relative !important;}}<\/style>[\/vc_column][\/vc_row]<\/p>\n<\/div>","protected":false},"excerpt":{"rendered":"<p>[vc_row full_width=&#8221;stretch_row_content&#8221; full_height=&#8221;yes&#8221; columns_placement=&#8221;stretch&#8221; content_placement=&#8221;bottom&#8221; ken_burns_direction=&#8221;zoom_out&#8221; ken_burns_transition_speed=&#8221;15000&#8243; vertical_slider=&#8221;true&#8221; ken_burns_enabled=&#8221;true&#8221; css=&#8221;.vc_custom_1682685388428{margin-bottom: 0px !important;background-color: #7130d6 !important;background-position: center !important;background-repeat: no-repeat !important;background-size: cover !important;}&#8221;&#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"_links":{"self":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/12349"}],"collection":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/comments?post=12349"}],"version-history":[{"count":26,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/12349\/revisions"}],"predecessor-version":[{"id":12402,"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/pages\/12349\/revisions\/12402"}],"wp:attachment":[{"href":"https:\/\/codex-themes.com\/thegem\/blocks\/wp-json\/wp\/v2\/media?parent=12349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}