{"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-69e9a33978b966346\" ><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-69e9a33978aac\" 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-69e9a33978aac {margin: 0;}#thegem-heading-69e9a33978aac {letter-spacing: 0px;}#thegem-heading-69e9a33978aac, #thegem-heading-69e9a33978aac .light {text-transform: none;}#thegem-heading-69e9a33978aac a:hover, #thegem-heading-69e9a33978aac 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-69e9a33978b966346{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978b966346{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33978b966346{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978b966346{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-69e9a33978c254335\" ><div id=\"thegem-heading-69e9a33978c05\" 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-69e9a33978c05 {margin: 0;}#thegem-heading-69e9a33978c05 {letter-spacing: 0px;}#thegem-heading-69e9a33978c05, #thegem-heading-69e9a33978c05 .light {text-transform: none;}#thegem-heading-69e9a33978c05 a:hover, #thegem-heading-69e9a33978c05 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-69e9a33978c254335{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978c254335{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33978c254335{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978c254335{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-69e9a33978c981781\" ><div id=\"thegem-heading-69e9a33978c7f\" 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-69e9a33978c7f {margin: 0;}#thegem-heading-69e9a33978c7f {letter-spacing: 0px;}#thegem-heading-69e9a33978c7f, #thegem-heading-69e9a33978c7f .light {text-transform: none;}#thegem-heading-69e9a33978c7f a:hover, #thegem-heading-69e9a33978c7f 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-69e9a33978c981781{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978c981781{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33978c981781{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978c981781{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-69e9a33978d062368\" ><div id=\"thegem-heading-69e9a33978cef\" 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-69e9a33978cef {margin: 0;}#thegem-heading-69e9a33978cef {letter-spacing: 0px;}#thegem-heading-69e9a33978cef, #thegem-heading-69e9a33978cef .light {text-transform: none;}#thegem-heading-69e9a33978cef a:hover, #thegem-heading-69e9a33978cef 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-69e9a33978d062368{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978d062368{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33978d062368{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978d062368{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-69e9a33978d702547\" ><div id=\"thegem-heading-69e9a33978d5b\" 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-69e9a33978d5b {margin: 0;}#thegem-heading-69e9a33978d5b {letter-spacing: 0px;}#thegem-heading-69e9a33978d5b, #thegem-heading-69e9a33978d5b .light {text-transform: none;}#thegem-heading-69e9a33978d5b a:hover, #thegem-heading-69e9a33978d5b 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-69e9a33978d702547{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978d702547{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33978d702547{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978d702547{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-69e9a33978dd94007\" ><div id=\"thegem-heading-69e9a33978dc4\" 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-69e9a33978dc4 {margin: 0;}#thegem-heading-69e9a33978dc4 {letter-spacing: 0px;}#thegem-heading-69e9a33978dc4, #thegem-heading-69e9a33978dc4 .light {text-transform: none;}#thegem-heading-69e9a33978dc4 a:hover, #thegem-heading-69e9a33978dc4 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-69e9a33978dd94007{display: block!important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978dd94007{display: block!important;}}@media screen and (max-width: 1023px) {.thegem-te-heading.thegem-custom-69e9a33978dd94007{position: relative !important;}}@media screen and (max-width: 767px) {.thegem-te-heading.thegem-custom-69e9a33978dd94007{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}]}}