CINXE.COM

Top 19 Scroll Image Sequence Animation Inspirations [With Videos]

<!doctype html> <html lang="en-US" prefix="og: https://ogp.me/ns#"> <head><!--WPC_INSERT_CRITICAL--><!--WPC_INSERT_PRELOAD_MAIN--><!--WPC_INSERT_PRELOAD--> <meta charset="UTF-8"><script type="text/javascript">(window.NREUM||(NREUM={})).init={privacy:{cookies_enabled:true},ajax:{deny_list:["bam.nr-data.net"]},distributed_tracing:{enabled:true}};(window.NREUM||(NREUM={})).loader_config={agentID:"1134545294",accountID:"3524427",trustKey:"3524427",xpid:"VwMFVVJRDxABVFRTBQQDUFAF",licenseKey:"NRJS-feb208a230143224815",applicationID:"1051254644"};;/*! For license information please see nr-loader-spa-1.283.1.min.js.LICENSE.txt */ (()=>{var e,t,r={8122:(e,t,r)=>{"use strict";r.d(t,{a:()=>i});var n=r(944);function i(e,t){try{if(!e||"object"!=typeof e)return(0,n.R)(3);if(!t||"object"!=typeof t)return(0,n.R)(4);const r=Object.create(Object.getPrototypeOf(t),Object.getOwnPropertyDescriptors(t)),o=0===Object.keys(r).length?e:r;for(let a in o)if(void 0!==e[a])try{if(null===e[a]){r[a]=null;continue}Array.isArray(e[a])&&Array.isArray(t[a])?r[a]=Array.from(new Set([...e[a],...t[a]])):"object"==typeof e[a]&&"object"==typeof t[a]?r[a]=i(e[a],t[a]):r[a]=e[a]}catch(e){(0,n.R)(1,e)}return r}catch(e){(0,n.R)(2,e)}}},2555:(e,t,r)=>{"use strict";r.d(t,{Vp:()=>c,fn:()=>s,x1:()=>u});var n=r(384),i=r(8122);const o={beacon:n.NT.beacon,errorBeacon:n.NT.errorBeacon,licenseKey:void 0,applicationID:void 0,sa:void 0,queueTime:void 0,applicationTime:void 0,ttGuid:void 0,user:void 0,account:void 0,product:void 0,extra:void 0,jsAttributes:{},userAttributes:void 0,atts:void 0,transactionName:void 0,tNamePlain:void 0},a={};function s(e){try{const t=c(e);return!!t.licenseKey&&!!t.errorBeacon&&!!t.applicationID}catch(e){return!1}}function c(e){if(!e)throw new Error("All info objects require an agent identifier!");if(!a[e])throw new Error("Info for ".concat(e," was never set"));return a[e]}function u(e,t){if(!e)throw new Error("All info objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.info=a[e])}},9417:(e,t,r)=>{"use strict";r.d(t,{D0:()=>h,gD:()=>g,xN:()=>p});var n=r(3333);const i=e=>{if(!e||"string"!=typeof e)return!1;try{document.createDocumentFragment().querySelector(e)}catch{return!1}return!0};var o=r(2614),a=r(944),s=r(384),c=r(8122);const u="[data-nr-mask]",d=()=>{const e={feature_flags:[],experimental:{marks:!1,measures:!1,resources:!1},mask_selector:"*",block_selector:"[data-nr-block]",mask_input_options:{color:!1,date:!1,"datetime-local":!1,email:!1,month:!1,number:!1,range:!1,search:!1,tel:!1,text:!1,time:!1,url:!1,week:!1,textarea:!1,select:!1,password:!0}};return{ajax:{deny_list:void 0,block_internal:!0,enabled:!0,autoStart:!0},distributed_tracing:{enabled:void 0,exclude_newrelic_header:void 0,cors_use_newrelic_header:void 0,cors_use_tracecontext_headers:void 0,allowed_origins:void 0},get feature_flags(){return e.feature_flags},set feature_flags(t){e.feature_flags=t},generic_events:{enabled:!0,autoStart:!0},harvest:{interval:30},jserrors:{enabled:!0,autoStart:!0},logging:{enabled:!0,autoStart:!0},metrics:{enabled:!0,autoStart:!0},obfuscate:void 0,page_action:{enabled:!0},page_view_event:{enabled:!0,autoStart:!0},page_view_timing:{enabled:!0,autoStart:!0},performance:{get capture_marks(){return e.feature_flags.includes(n.$v.MARKS)||e.experimental.marks},set capture_marks(t){e.experimental.marks=t},get capture_measures(){return e.feature_flags.includes(n.$v.MEASURES)||e.experimental.measures},set capture_measures(t){e.experimental.measures=t},capture_detail:!0,resources:{get enabled(){return e.feature_flags.includes(n.$v.RESOURCES)||e.experimental.resources},set enabled(t){e.experimental.resources=t},asset_types:[],first_party_domains:[],ignore_newrelic:!0}},privacy:{cookies_enabled:!0},proxy:{assets:void 0,beacon:void 0},session:{expiresMs:o.wk,inactiveMs:o.BB},session_replay:{autoStart:!0,enabled:!1,preload:!1,sampling_rate:10,error_sampling_rate:100,collect_fonts:!1,inline_images:!1,fix_stylesheets:!0,mask_all_inputs:!0,get mask_text_selector(){return e.mask_selector},set mask_text_selector(t){i(t)?e.mask_selector="".concat(t,",").concat(u):""===t||null===t?e.mask_selector=u:(0,a.R)(5,t)},get block_class(){return"nr-block"},get ignore_class(){return"nr-ignore"},get mask_text_class(){return"nr-mask"},get block_selector(){return e.block_selector},set block_selector(t){i(t)?e.block_selector+=",".concat(t):""!==t&&(0,a.R)(6,t)},get mask_input_options(){return e.mask_input_options},set mask_input_options(t){t&&"object"==typeof t?e.mask_input_options={...t,password:!0}:(0,a.R)(7,t)}},session_trace:{enabled:!0,autoStart:!0},soft_navigations:{enabled:!0,autoStart:!0},spa:{enabled:!0,autoStart:!0},ssl:void 0,user_actions:{enabled:!0,elementAttributes:["id","className","tagName","type"]}}},l={},f="All configuration objects require an agent identifier!";function h(e){if(!e)throw new Error(f);if(!l[e])throw new Error("Configuration for ".concat(e," was never set"));return l[e]}function p(e,t){if(!e)throw new Error(f);l[e]=(0,c.a)(t,d());const r=(0,s.nY)(e);r&&(r.init=l[e])}function g(e,t){if(!e)throw new Error(f);var r=h(e);if(r){for(var n=t.split("."),i=0;i<n.length-1;i++)if("object"!=typeof(r=r[n[i]]))return;r=r[n[n.length-1]]}return r}},5603:(e,t,r)=>{"use strict";r.d(t,{a:()=>c,o:()=>s});var n=r(384),i=r(8122);const o={accountID:void 0,trustKey:void 0,agentID:void 0,licenseKey:void 0,applicationID:void 0,xpid:void 0},a={};function s(e){if(!e)throw new Error("All loader-config objects require an agent identifier!");if(!a[e])throw new Error("LoaderConfig for ".concat(e," was never set"));return a[e]}function c(e,t){if(!e)throw new Error("All loader-config objects require an agent identifier!");a[e]=(0,i.a)(t,o);const r=(0,n.nY)(e);r&&(r.loader_config=a[e])}},3371:(e,t,r)=>{"use strict";r.d(t,{V:()=>f,f:()=>l});var n=r(8122),i=r(384),o=r(6154),a=r(9324);let s=0;const c={buildEnv:a.F3,distMethod:a.Xs,version:a.xv,originTime:o.WN},u={customTransaction:void 0,disabled:!1,isolatedBacklog:!1,loaderType:void 0,maxBytes:3e4,onerror:void 0,ptid:void 0,releaseIds:{},appMetadata:{},session:void 0,denyList:void 0,timeKeeper:void 0,obfuscator:void 0,harvester:void 0},d={};function l(e){if(!e)throw new Error("All runtime objects require an agent identifier!");if(!d[e])throw new Error("Runtime for ".concat(e," was never set"));return d[e]}function f(e,t){if(!e)throw new Error("All runtime objects require an agent identifier!");d[e]={...(0,n.a)(t,u),...c},Object.hasOwnProperty.call(d[e],"harvestCount")||Object.defineProperty(d[e],"harvestCount",{get:()=>++s});const r=(0,i.nY)(e);r&&(r.runtime=d[e])}},9324:(e,t,r)=>{"use strict";r.d(t,{F3:()=>i,Xs:()=>o,Yq:()=>a,xv:()=>n});const n="1.283.1",i="PROD",o="CDN",a="^2.0.0-alpha.17"},6154:(e,t,r)=>{"use strict";r.d(t,{A4:()=>s,OF:()=>d,RI:()=>i,WN:()=>h,bv:()=>o,gm:()=>a,lR:()=>f,m:()=>u,mw:()=>c,sb:()=>l});var n=r(1863);const i="undefined"!=typeof window&&!!window.document,o="undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self.navigator instanceof WorkerNavigator||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis.navigator instanceof WorkerNavigator),a=i?window:"undefined"!=typeof WorkerGlobalScope&&("undefined"!=typeof self&&self instanceof WorkerGlobalScope&&self||"undefined"!=typeof globalThis&&globalThis instanceof WorkerGlobalScope&&globalThis),s="complete"===a?.document?.readyState,c=Boolean("hidden"===a?.document?.visibilityState),u=""+a?.location,d=/iPad|iPhone|iPod/.test(a.navigator?.userAgent),l=d&&"undefined"==typeof SharedWorker,f=(()=>{const e=a.navigator?.userAgent?.match(/Firefox[/\s](\d+\.\d+)/);return Array.isArray(e)&&e.length>=2?+e[1]:0})(),h=Date.now()-(0,n.t)()},7295:(e,t,r)=>{"use strict";r.d(t,{Xv:()=>a,gX:()=>i,iW:()=>o});var n=[];function i(e){if(!e||o(e))return!1;if(0===n.length)return!0;for(var t=0;t<n.length;t++){var r=n[t];if("*"===r.hostname)return!1;if(s(r.hostname,e.hostname)&&c(r.pathname,e.pathname))return!1}return!0}function o(e){return void 0===e.hostname}function a(e){if(n=[],e&&e.length)for(var t=0;t<e.length;t++){let r=e[t];if(!r)continue;0===r.indexOf("http://")?r=r.substring(7):0===r.indexOf("https://")&&(r=r.substring(8));const i=r.indexOf("/");let o,a;i>0?(o=r.substring(0,i),a=r.substring(i)):(o=r,a="");let[s]=o.split(":");n.push({hostname:s,pathname:a})}}function s(e,t){return!(e.length>t.length)&&t.indexOf(e)===t.length-e.length}function c(e,t){return 0===e.indexOf("/")&&(e=e.substring(1)),0===t.indexOf("/")&&(t=t.substring(1)),""===e||e===t}},1687:(e,t,r)=>{"use strict";r.d(t,{Ak:()=>c,Ze:()=>l,x3:()=>u});var n=r(7836),i=r(3606),o=r(860),a=r(2646);const s={};function c(e,t){const r={staged:!1,priority:o.P3[t]||0};d(e),s[e].get(t)||s[e].set(t,r)}function u(e,t){e&&s[e]&&(s[e].get(t)&&s[e].delete(t),h(e,t,!1),s[e].size&&f(e))}function d(e){if(!e)throw new Error("agentIdentifier required");s[e]||(s[e]=new Map)}function l(e="",t="feature",r=!1){if(d(e),!e||!s[e].get(t)||r)return h(e,t);s[e].get(t).staged=!0,f(e)}function f(e){const t=Array.from(s[e]);t.every((([e,t])=>t.staged))&&(t.sort(((e,t)=>e[1].priority-t[1].priority)),t.forEach((([t])=>{s[e].delete(t),h(e,t)})))}function h(e,t,r=!0){const o=e?n.ee.get(e):n.ee,s=i.i.handlers;if(!o.aborted&&o.backlog&&s){if(r){const e=o.backlog[t],r=s[t];if(r){for(let t=0;e&&t<e.length;++t)p(e[t],r);Object.entries(r).forEach((([e,t])=>{Object.values(t||{}).forEach((t=>{t[0]?.on&&t[0]?.context()instanceof a.y&&t[0].on(e,t[1])}))}))}}o.isolatedBacklog||delete s[t],o.backlog[t]=null,o.emit("drain-"+t,[])}}function p(e,t){var r=e[1];Object.values(t[r]||{}).forEach((t=>{var r=e[0];if(t[0]===r){var n=t[1],i=e[3],o=e[2];n.apply(i,o)}}))}},7836:(e,t,r)=>{"use strict";r.d(t,{P:()=>c,ee:()=>u});var n=r(384),i=r(8990),o=r(3371),a=r(2646),s=r(5607);const c="nr@context:".concat(s.W),u=function e(t,r){var n={},s={},d={},l=!1;try{l=16===r.length&&(0,o.f)(r).isolatedBacklog}catch(e){}var f={on:p,addEventListener:p,removeEventListener:function(e,t){var r=n[e];if(!r)return;for(var i=0;i<r.length;i++)r[i]===t&&r.splice(i,1)},emit:function(e,r,n,i,o){!1!==o&&(o=!0);if(u.aborted&&!i)return;t&&o&&t.emit(e,r,n);for(var a=h(n),c=g(e),d=c.length,l=0;l<d;l++)c[l].apply(a,r);var p=v()[s[e]];p&&p.push([f,e,r,a]);return a},get:m,listeners:g,context:h,buffer:function(e,t){const r=v();if(t=t||"feature",f.aborted)return;Object.entries(e||{}).forEach((([e,n])=>{s[n]=t,t in r||(r[t]=[])}))},abort:function(){f._aborted=!0,Object.keys(f.backlog).forEach((e=>{delete f.backlog[e]}))},isBuffering:function(e){return!!v()[s[e]]},debugId:r,backlog:l?{}:t&&"object"==typeof t.backlog?t.backlog:{},isolatedBacklog:l};return Object.defineProperty(f,"aborted",{get:()=>{let e=f._aborted||!1;return e||(t&&(e=t.aborted),e)}}),f;function h(e){return e&&e instanceof a.y?e:e?(0,i.I)(e,c,(()=>new a.y(c))):new a.y(c)}function p(e,t){n[e]=g(e).concat(t)}function g(e){return n[e]||[]}function m(t){return d[t]=d[t]||e(f,t)}function v(){return f.backlog}}(void 0,"globalEE"),d=(0,n.Zm)();d.ee||(d.ee=u)},2646:(e,t,r)=>{"use strict";r.d(t,{y:()=>n});class n{constructor(e){this.contextId=e}}},9908:(e,t,r)=>{"use strict";r.d(t,{d:()=>n,p:()=>i});var n=r(7836).ee.get("handle");function i(e,t,r,i,o){o?(o.buffer([e],i),o.emit(e,t,r)):(n.buffer([e],i),n.emit(e,t,r))}},3606:(e,t,r)=>{"use strict";r.d(t,{i:()=>o});var n=r(9908);o.on=a;var i=o.handlers={};function o(e,t,r,o){a(o||n.d,i,e,t,r)}function a(e,t,r,i,o){o||(o="feature"),e||(e=n.d);var a=t[o]=t[o]||{};(a[r]=a[r]||[]).push([e,i])}},3878:(e,t,r)=>{"use strict";function n(e,t){return{capture:e,passive:!1,signal:t}}function i(e,t,r=!1,i){window.addEventListener(e,t,n(r,i))}function o(e,t,r=!1,i){document.addEventListener(e,t,n(r,i))}r.d(t,{DD:()=>o,jT:()=>n,sp:()=>i})},5607:(e,t,r)=>{"use strict";r.d(t,{W:()=>n});const n=(0,r(9566).bz)()},9566:(e,t,r)=>{"use strict";r.d(t,{LA:()=>s,ZF:()=>c,bz:()=>a,el:()=>u});var n=r(6154);const i="xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx";function o(e,t){return e?15&e[t]:16*Math.random()|0}function a(){const e=n.gm?.crypto||n.gm?.msCrypto;let t,r=0;return e&&e.getRandomValues&&(t=e.getRandomValues(new Uint8Array(30))),i.split("").map((e=>"x"===e?o(t,r++).toString(16):"y"===e?(3&o()|8).toString(16):e)).join("")}function s(e){const t=n.gm?.crypto||n.gm?.msCrypto;let r,i=0;t&&t.getRandomValues&&(r=t.getRandomValues(new Uint8Array(e)));const a=[];for(var s=0;s<e;s++)a.push(o(r,i++).toString(16));return a.join("")}function c(){return s(16)}function u(){return s(32)}},2614:(e,t,r)=>{"use strict";r.d(t,{BB:()=>a,H3:()=>n,g:()=>u,iL:()=>c,tS:()=>s,uh:()=>i,wk:()=>o});const n="NRBA",i="SESSION",o=144e5,a=18e5,s={STARTED:"session-started",PAUSE:"session-pause",RESET:"session-reset",RESUME:"session-resume",UPDATE:"session-update"},c={SAME_TAB:"same-tab",CROSS_TAB:"cross-tab"},u={OFF:0,FULL:1,ERROR:2}},1863:(e,t,r)=>{"use strict";function n(){return Math.floor(performance.now())}r.d(t,{t:()=>n})},7485:(e,t,r)=>{"use strict";r.d(t,{D:()=>i});var n=r(6154);function i(e){if(0===(e||"").indexOf("data:"))return{protocol:"data"};try{const t=new URL(e,location.href),r={port:t.port,hostname:t.hostname,pathname:t.pathname,search:t.search,protocol:t.protocol.slice(0,t.protocol.indexOf(":")),sameOrigin:t.protocol===n.gm?.location?.protocol&&t.host===n.gm?.location?.host};return r.port&&""!==r.port||("http:"===t.protocol&&(r.port="80"),"https:"===t.protocol&&(r.port="443")),r.pathname&&""!==r.pathname?r.pathname.startsWith("/")||(r.pathname="/".concat(r.pathname)):r.pathname="/",r}catch(e){return{}}}},944:(e,t,r)=>{"use strict";function n(e,t){"function"==typeof console.debug&&console.debug("New Relic Warning: https://github.com/newrelic/newrelic-browser-agent/blob/main/docs/warning-codes.md#".concat(e),t)}r.d(t,{R:()=>n})},5284:(e,t,r)=>{"use strict";r.d(t,{t:()=>c,B:()=>s});var n=r(7836),i=r(6154);const o="newrelic";const a=new Set,s={};function c(e,t){const r=n.ee.get(t);s[t]??={},e&&"object"==typeof e&&(a.has(t)||(r.emit("rumresp",[e]),s[t]=e,a.add(t),function(e={}){try{i.gm.dispatchEvent(new CustomEvent(o,{detail:e}))}catch(e){}}({loaded:!0})))}},8990:(e,t,r)=>{"use strict";r.d(t,{I:()=>i});var n=Object.prototype.hasOwnProperty;function i(e,t,r){if(n.call(e,t))return e[t];var i=r();if(Object.defineProperty&&Object.keys)try{return Object.defineProperty(e,t,{value:i,writable:!0,enumerable:!1}),i}catch(e){}return e[t]=i,i}},6389:(e,t,r)=>{"use strict";function n(e,t=500,r={}){const n=r?.leading||!1;let i;return(...r)=>{n&&void 0===i&&(e.apply(this,r),i=setTimeout((()=>{i=clearTimeout(i)}),t)),n||(clearTimeout(i),i=setTimeout((()=>{e.apply(this,r)}),t))}}function i(e){let t=!1;return(...r)=>{t||(t=!0,e.apply(this,r))}}r.d(t,{J:()=>i,s:()=>n})},3304:(e,t,r)=>{"use strict";r.d(t,{A:()=>o});var n=r(7836);const i=()=>{const e=new WeakSet;return(t,r)=>{if("object"==typeof r&&null!==r){if(e.has(r))return;e.add(r)}return r}};function o(e){try{return JSON.stringify(e,i())??""}catch(e){try{n.ee.emit("internal-error",[e])}catch(e){}return""}}},5289:(e,t,r)=>{"use strict";r.d(t,{GG:()=>o,sB:()=>a});var n=r(3878);function i(){return"undefined"==typeof document||"complete"===document.readyState}function o(e,t){if(i())return e();(0,n.sp)("load",e,t)}function a(e){if(i())return e();(0,n.DD)("DOMContentLoaded",e)}},384:(e,t,r)=>{"use strict";r.d(t,{NT:()=>o,US:()=>d,Zm:()=>a,bQ:()=>c,dV:()=>s,nY:()=>u,pV:()=>l});var n=r(6154),i=r(1863);const o={beacon:"bam.nr-data.net",errorBeacon:"bam.nr-data.net"};function a(){return n.gm.NREUM||(n.gm.NREUM={}),void 0===n.gm.newrelic&&(n.gm.newrelic=n.gm.NREUM),n.gm.NREUM}function s(){let e=a();return e.o||(e.o={ST:n.gm.setTimeout,SI:n.gm.setImmediate,CT:n.gm.clearTimeout,XHR:n.gm.XMLHttpRequest,REQ:n.gm.Request,EV:n.gm.Event,PR:n.gm.Promise,MO:n.gm.MutationObserver,FETCH:n.gm.fetch,WS:n.gm.WebSocket}),e}function c(e,t){let r=a();r.initializedAgents??={},t.initializedAt={ms:(0,i.t)(),date:new Date},r.initializedAgents[e]=t}function u(e){let t=a();return t.initializedAgents?.[e]}function d(e,t){a()[e]=t}function l(){return function(){let e=a();const t=e.info||{};e.info={beacon:o.beacon,errorBeacon:o.errorBeacon,...t}}(),function(){let e=a();const t=e.init||{};e.init={...t}}(),s(),function(){let e=a();const t=e.loader_config||{};e.loader_config={...t}}(),a()}},2843:(e,t,r)=>{"use strict";r.d(t,{u:()=>i});var n=r(3878);function i(e,t=!1,r,i){(0,n.DD)("visibilitychange",(function(){if(t)return void("hidden"===document.visibilityState&&e());e(document.visibilityState)}),r,i)}},8139:(e,t,r)=>{"use strict";r.d(t,{u:()=>f});var n=r(7836),i=r(3434),o=r(8990),a=r(6154);const s={},c=a.gm.XMLHttpRequest,u="addEventListener",d="removeEventListener",l="nr@wrapped:".concat(n.P);function f(e){var t=function(e){return(e||n.ee).get("events")}(e);if(s[t.debugId]++)return t;s[t.debugId]=1;var r=(0,i.YM)(t,!0);function f(e){r.inPlace(e,[u,d],"-",p)}function p(e,t){return e[1]}return"getPrototypeOf"in Object&&(a.RI&&h(document,f),c&&h(c.prototype,f),h(a.gm,f)),t.on(u+"-start",(function(e,t){var n=e[1];if(null!==n&&("function"==typeof n||"object"==typeof n)){var i=(0,o.I)(n,l,(function(){var e={object:function(){if("function"!=typeof n.handleEvent)return;return n.handleEvent.apply(n,arguments)},function:n}[typeof n];return e?r(e,"fn-",null,e.name||"anonymous"):n}));this.wrapped=e[1]=i}})),t.on(d+"-start",(function(e){e[1]=this.wrapped||e[1]})),t}function h(e,t,...r){let n=e;for(;"object"==typeof n&&!Object.prototype.hasOwnProperty.call(n,u);)n=Object.getPrototypeOf(n);n&&t(n,...r)}},3434:(e,t,r)=>{"use strict";r.d(t,{Jt:()=>o,YM:()=>c});var n=r(7836),i=r(5607);const o="nr@original:".concat(i.W);var a=Object.prototype.hasOwnProperty,s=!1;function c(e,t){return e||(e=n.ee),r.inPlace=function(e,t,n,i,o){n||(n="");const a="-"===n.charAt(0);for(let s=0;s<t.length;s++){const c=t[s],u=e[c];d(u)||(e[c]=r(u,a?c+n:n,i,c,o))}},r.flag=o,r;function r(t,r,n,s,c){return d(t)?t:(r||(r=""),nrWrapper[o]=t,function(e,t,r){if(Object.defineProperty&&Object.keys)try{return Object.keys(e).forEach((function(r){Object.defineProperty(t,r,{get:function(){return e[r]},set:function(t){return e[r]=t,t}})})),t}catch(e){u([e],r)}for(var n in e)a.call(e,n)&&(t[n]=e[n])}(t,nrWrapper,e),nrWrapper);function nrWrapper(){var o,a,d,l;try{a=this,o=[...arguments],d="function"==typeof n?n(o,a):n||{}}catch(t){u([t,"",[o,a,s],d],e)}i(r+"start",[o,a,s],d,c);try{return l=t.apply(a,o)}catch(e){throw i(r+"err",[o,a,e],d,c),e}finally{i(r+"end",[o,a,l],d,c)}}}function i(r,n,i,o){if(!s||t){var a=s;s=!0;try{e.emit(r,n,i,t,o)}catch(t){u([t,r,n,i],e)}s=a}}}function u(e,t){t||(t=n.ee);try{t.emit("internal-error",e)}catch(e){}}function d(e){return!(e&&"function"==typeof e&&e.apply&&!e[o])}},9414:(e,t,r)=>{"use strict";r.d(t,{J:()=>c});var n=r(7836),i=r(2646),o=r(944),a=r(3434);const s=new Map;function c(e,t,r,c){if("object"!=typeof t||!t||"string"!=typeof r||!r||"function"!=typeof t[r])return(0,o.R)(29);const u=function(e){return(e||n.ee).get("logger")}(e),d=(0,a.YM)(u),l=new i.y(n.P);l.level=c.level,l.customAttributes=c.customAttributes;const f=t[r]?.[a.Jt]||t[r];return s.set(f,l),d.inPlace(t,[r],"wrap-logger-",(()=>s.get(f))),u}},9300:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.ajax},3333:(e,t,r)=>{"use strict";r.d(t,{$v:()=>u,TZ:()=>n,Zp:()=>i,kd:()=>c,mq:()=>s,nf:()=>a,qN:()=>o});const n=r(860).K7.genericEvents,i=["auxclick","click","copy","keydown","paste","scrollend"],o=["focus","blur"],a=4,s=1e3,c=["PageAction","UserAction","BrowserPerformance"],u={MARKS:"experimental.marks",MEASURES:"experimental.measures",RESOURCES:"experimental.resources"}},6774:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.jserrors},993:(e,t,r)=>{"use strict";r.d(t,{A$:()=>o,ET:()=>a,TZ:()=>s,p_:()=>i});var n=r(860);const i={ERROR:"ERROR",WARN:"WARN",INFO:"INFO",DEBUG:"DEBUG",TRACE:"TRACE"},o={OFF:0,ERROR:1,WARN:2,INFO:3,DEBUG:4,TRACE:5},a="log",s=n.K7.logging},3785:(e,t,r)=>{"use strict";r.d(t,{R:()=>c,b:()=>u});var n=r(9908),i=r(1863),o=r(860),a=r(8154),s=r(993);function c(e,t,r={},c=s.p_.INFO){(0,n.p)(a.xV,["API/logging/".concat(c.toLowerCase(),"/called")],void 0,o.K7.metrics,e),(0,n.p)(s.ET,[(0,i.t)(),t,r,c],void 0,o.K7.logging,e)}function u(e){return"string"==typeof e&&Object.values(s.p_).some((t=>t===e.toUpperCase().trim()))}},8154:(e,t,r)=>{"use strict";r.d(t,{z_:()=>o,XG:()=>s,TZ:()=>n,rs:()=>i,xV:()=>a});r(6154),r(9566),r(384);const n=r(860).K7.metrics,i="sm",o="cm",a="storeSupportabilityMetrics",s="storeEventMetrics"},6630:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewEvent},782:(e,t,r)=>{"use strict";r.d(t,{T:()=>n});const n=r(860).K7.pageViewTiming},6344:(e,t,r)=>{"use strict";r.d(t,{BB:()=>d,G4:()=>o,Qb:()=>l,TZ:()=>i,Ug:()=>a,_s:()=>s,bc:()=>u,yP:()=>c});var n=r(2614);const i=r(860).K7.sessionReplay,o={RECORD:"recordReplay",PAUSE:"pauseReplay",REPLAY_RUNNING:"replayRunning",ERROR_DURING_REPLAY:"errorDuringReplay"},a=.12,s={DomContentLoaded:0,Load:1,FullSnapshot:2,IncrementalSnapshot:3,Meta:4,Custom:5},c={[n.g.ERROR]:15e3,[n.g.FULL]:3e5,[n.g.OFF]:0},u={RESET:{message:"Session was reset",sm:"Reset"},IMPORT:{message:"Recorder failed to import",sm:"Import"},TOO_MANY:{message:"429: Too Many Requests",sm:"Too-Many"},TOO_BIG:{message:"Payload was too large",sm:"Too-Big"},CROSS_TAB:{message:"Session Entity was set to OFF on another tab",sm:"Cross-Tab"},ENTITLEMENTS:{message:"Session Replay is not allowed and will not be started",sm:"Entitlement"}},d=5e3,l={API:"api"}},5270:(e,t,r)=>{"use strict";r.d(t,{Aw:()=>c,CT:()=>u,SR:()=>s});var n=r(384),i=r(9417),o=r(7767),a=r(6154);function s(e){return!!(0,n.dV)().o.MO&&(0,o.V)(e)&&!0===(0,i.gD)(e,"session_trace.enabled")}function c(e){return!0===(0,i.gD)(e,"session_replay.preload")&&s(e)}function u(e,t){const r=t.correctAbsoluteTimestamp(e);return{originalTimestamp:e,correctedTimestamp:r,timestampDiff:e-r,originTime:a.WN,correctedOriginTime:t.correctedOriginTime,originTimeDiff:Math.floor(a.WN-t.correctedOriginTime)}}},3738:(e,t,r)=>{"use strict";r.d(t,{He:()=>i,Kp:()=>s,Lc:()=>u,Rz:()=>d,TZ:()=>n,bD:()=>o,d3:()=>a,jx:()=>l,uP:()=>c});const n=r(860).K7.sessionTrace,i="bstResource",o="resource",a="-start",s="-end",c="fn"+a,u="fn"+s,d="pushState",l=1e3},3962:(e,t,r)=>{"use strict";r.d(t,{AM:()=>o,O2:()=>c,Qu:()=>u,TZ:()=>s,ih:()=>d,pP:()=>a,tC:()=>i});var n=r(860);const i=["click","keydown","submit","popstate"],o="api",a="initialPageLoad",s=n.K7.softNav,c={INITIAL_PAGE_LOAD:"",ROUTE_CHANGE:1,UNSPECIFIED:2},u={INTERACTION:1,AJAX:2,CUSTOM_END:3,CUSTOM_TRACER:4},d={IP:"in progress",FIN:"finished",CAN:"cancelled"}},7378:(e,t,r)=>{"use strict";r.d(t,{$p:()=>x,BR:()=>b,Kp:()=>R,L3:()=>y,Lc:()=>c,NC:()=>o,SG:()=>d,TZ:()=>i,U6:()=>p,UT:()=>m,d3:()=>w,dT:()=>f,e5:()=>A,gx:()=>v,l9:()=>l,oW:()=>h,op:()=>g,rw:()=>u,tH:()=>T,uP:()=>s,wW:()=>E,xq:()=>a});var n=r(384);const i=r(860).K7.spa,o=["click","submit","keypress","keydown","keyup","change"],a=999,s="fn-start",c="fn-end",u="cb-start",d="api-ixn-",l="remaining",f="interaction",h="spaNode",p="jsonpNode",g="fetch-start",m="fetch-done",v="fetch-body-",b="jsonp-end",y=(0,n.dV)().o.ST,w="-start",R="-end",x="-body",E="cb"+R,A="jsTime",T="fetch"},4234:(e,t,r)=>{"use strict";r.d(t,{W:()=>o});var n=r(7836),i=r(1687);class o{constructor(e,t){this.agentIdentifier=e,this.ee=n.ee.get(e),this.featureName=t,this.blocked=!1}deregisterDrain(){(0,i.x3)(this.agentIdentifier,this.featureName)}}},7767:(e,t,r)=>{"use strict";r.d(t,{V:()=>o});var n=r(9417),i=r(6154);const o=e=>i.RI&&!0===(0,n.gD)(e,"privacy.cookies_enabled")},8969:(e,t,r)=>{"use strict";r.d(t,{j:()=>O});var n=r(860),i=r(2555),o=r(3371),a=r(9908),s=r(7836),c=r(1687),u=r(5289),d=r(6154),l=r(944),f=r(8154),h=r(384),p=r(6344);const g=["setErrorHandler","finished","addToTrace","addRelease","recordCustomEvent","addPageAction","setCurrentRouteName","setPageViewName","setCustomAttribute","interaction","noticeError","setUserId","setApplicationVersion","start",p.G4.RECORD,p.G4.PAUSE,"log","wrapLogger"],m=["setErrorHandler","finished","addToTrace","addRelease"];var v=r(1863),b=r(2614),y=r(993),w=r(3785),R=r(9414);function x(){const e=(0,h.pV)();g.forEach((t=>{e[t]=(...r)=>function(t,...r){let n=[];return Object.values(e.initializedAgents).forEach((e=>{e&&e.api?e.exposed&&e.api[t]&&n.push(e.api[t](...r)):(0,l.R)(38,t)})),n.length>1?n:n[0]}(t,...r)}))}const E={};var A=r(9417),T=r(5603),N=r(5284);const S=e=>{const t=e.startsWith("http");e+="/",r.p=t?e:"https://"+e};let _=!1;function O(e,t={},g,O){let{init:I,info:P,loader_config:j,runtime:C={},exposed:k=!0}=t;C.loaderType=g;const L=(0,h.pV)();P||(I=L.init,P=L.info,j=L.loader_config),(0,A.xN)(e.agentIdentifier,I||{}),(0,T.a)(e.agentIdentifier,j||{}),P.jsAttributes??={},d.bv&&(P.jsAttributes.isWorker=!0),(0,i.x1)(e.agentIdentifier,P);const H=(0,A.D0)(e.agentIdentifier),M=[P.beacon,P.errorBeacon];_||(H.proxy.assets&&(S(H.proxy.assets),M.push(H.proxy.assets)),H.proxy.beacon&&M.push(H.proxy.beacon),x(),(0,h.US)("activatedFeatures",N.B),e.runSoftNavOverSpa&&=!0===H.soft_navigations.enabled&&H.feature_flags.includes("soft_nav")),C.denyList=[...H.ajax.deny_list||[],...H.ajax.block_internal?M:[]],C.ptid=e.agentIdentifier,(0,o.V)(e.agentIdentifier,C),e.ee=s.ee.get(e.agentIdentifier),void 0===e.api&&(e.api=function(e,t,h=!1){t||(0,c.Ak)(e,"api");const g={};var x=s.ee.get(e),A=x.get("tracer");E[e]=b.g.OFF,x.on(p.G4.REPLAY_RUNNING,(t=>{E[e]=t}));var T="api-",N=T+"ixn-";function S(t,r,n,o){const a=(0,i.Vp)(e);return null===r?delete a.jsAttributes[t]:(0,i.x1)(e,{...a,jsAttributes:{...a.jsAttributes,[t]:r}}),I(T,n,!0,o||null===r?"session":void 0)(t,r)}function _(){}g.log=function(e,{customAttributes:t={},level:r=y.p_.INFO}={}){(0,a.p)(f.xV,["API/log/called"],void 0,n.K7.metrics,x),(0,w.R)(x,e,t,r)},g.wrapLogger=(e,t,{customAttributes:r={},level:i=y.p_.INFO}={})=>{(0,a.p)(f.xV,["API/wrapLogger/called"],void 0,n.K7.metrics,x),(0,R.J)(x,e,t,{customAttributes:r,level:i})},m.forEach((e=>{g[e]=I(T,e,!0,"api")})),g.addPageAction=I(T,"addPageAction",!0,n.K7.genericEvents),g.recordCustomEvent=I(T,"recordCustomEvent",!0,n.K7.genericEvents),g.setPageViewName=function(t,r){if("string"==typeof t)return"/"!==t.charAt(0)&&(t="/"+t),(0,o.f)(e).customTransaction=(r||"http://custom.transaction")+t,I(T,"setPageViewName",!0)()},g.setCustomAttribute=function(e,t,r=!1){if("string"==typeof e){if(["string","number","boolean"].includes(typeof t)||null===t)return S(e,t,"setCustomAttribute",r);(0,l.R)(40,typeof t)}else(0,l.R)(39,typeof e)},g.setUserId=function(e){if("string"==typeof e||null===e)return S("enduser.id",e,"setUserId",!0);(0,l.R)(41,typeof e)},g.setApplicationVersion=function(e){if("string"==typeof e||null===e)return S("application.version",e,"setApplicationVersion",!1);(0,l.R)(42,typeof e)},g.start=()=>{try{(0,a.p)(f.xV,["API/start/called"],void 0,n.K7.metrics,x),x.emit("manual-start-all")}catch(e){(0,l.R)(23,e)}},g[p.G4.RECORD]=function(){(0,a.p)(f.xV,["API/recordReplay/called"],void 0,n.K7.metrics,x),(0,a.p)(p.G4.RECORD,[],void 0,n.K7.sessionReplay,x)},g[p.G4.PAUSE]=function(){(0,a.p)(f.xV,["API/pauseReplay/called"],void 0,n.K7.metrics,x),(0,a.p)(p.G4.PAUSE,[],void 0,n.K7.sessionReplay,x)},g.interaction=function(e){return(new _).get("object"==typeof e?e:{})};const O=_.prototype={createTracer:function(e,t){var r={},i=this,o="function"==typeof t;return(0,a.p)(f.xV,["API/createTracer/called"],void 0,n.K7.metrics,x),h||(0,a.p)(N+"tracer",[(0,v.t)(),e,r],i,n.K7.spa,x),function(){if(A.emit((o?"":"no-")+"fn-start",[(0,v.t)(),i,o],r),o)try{return t.apply(this,arguments)}catch(e){const t="string"==typeof e?new Error(e):e;throw A.emit("fn-err",[arguments,this,t],r),t}finally{A.emit("fn-end",[(0,v.t)()],r)}}}};function I(e,t,r,i){return function(){return(0,a.p)(f.xV,["API/"+t+"/called"],void 0,n.K7.metrics,x),i&&(0,a.p)(e+t,[r?(0,v.t)():performance.now(),...arguments],r?null:this,i,x),r?void 0:this}}function P(){r.e(478).then(r.bind(r,8778)).then((({setAPI:t})=>{t(e),(0,c.Ze)(e,"api")})).catch((e=>{(0,l.R)(27,e),x.abort()}))}return["actionText","setName","setAttribute","save","ignore","onEnd","getContext","end","get"].forEach((e=>{O[e]=I(N,e,void 0,h?n.K7.softNav:n.K7.spa)})),g.setCurrentRouteName=h?I(N,"routeName",void 0,n.K7.softNav):I(T,"routeName",!0,n.K7.spa),g.noticeError=function(t,r){"string"==typeof t&&(t=new Error(t)),(0,a.p)(f.xV,["API/noticeError/called"],void 0,n.K7.metrics,x),(0,a.p)("err",[t,(0,v.t)(),!1,r,!!E[e]],void 0,n.K7.jserrors,x)},d.RI?(0,u.GG)((()=>P()),!0):P(),g}(e.agentIdentifier,O,e.runSoftNavOverSpa)),void 0===e.exposed&&(e.exposed=k),_=!0}},8374:(e,t,r)=>{r.nc=(()=>{try{return document?.currentScript?.nonce}catch(e){}return""})()},860:(e,t,r)=>{"use strict";r.d(t,{$J:()=>u,K7:()=>s,P3:()=>c,XX:()=>i,qY:()=>n,v4:()=>a});const n="events",i="jserrors",o="browser/blobs",a="rum",s={ajax:"ajax",genericEvents:"generic_events",jserrors:i,logging:"logging",metrics:"metrics",pageAction:"page_action",pageViewEvent:"page_view_event",pageViewTiming:"page_view_timing",sessionReplay:"session_replay",sessionTrace:"session_trace",softNav:"soft_navigations",spa:"spa"},c={[s.pageViewEvent]:1,[s.pageViewTiming]:2,[s.metrics]:3,[s.jserrors]:4,[s.spa]:5,[s.ajax]:6,[s.sessionTrace]:7,[s.softNav]:8,[s.sessionReplay]:9,[s.logging]:10,[s.genericEvents]:11},u={[s.pageViewEvent]:a,[s.pageViewTiming]:n,[s.ajax]:n,[s.spa]:n,[s.softNav]:n,[s.metrics]:i,[s.jserrors]:i,[s.sessionTrace]:o,[s.sessionReplay]:o,[s.logging]:"browser/logs",[s.genericEvents]:"ins"}}},n={};function i(e){var t=n[e];if(void 0!==t)return t.exports;var o=n[e]={exports:{}};return r[e](o,o.exports,i),o.exports}i.m=r,i.d=(e,t)=>{for(var r in t)i.o(t,r)&&!i.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:t[r]})},i.f={},i.e=e=>Promise.all(Object.keys(i.f).reduce(((t,r)=>(i.f[r](e,t),t)),[])),i.u=e=>({212:"nr-spa-compressor",249:"nr-spa-recorder",478:"nr-spa"}[e]+"-1.283.1.min.js"),i.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),e={},t="NRBA-1.283.1.PROD:",i.l=(r,n,o,a)=>{if(e[r])e[r].push(n);else{var s,c;if(void 0!==o)for(var u=document.getElementsByTagName("script"),d=0;d<u.length;d++){var l=u[d];if(l.getAttribute("src")==r||l.getAttribute("data-webpack")==t+o){s=l;break}}if(!s){c=!0;var f={478:"sha512-xh2gny9FbPW5pomtWyy7hHdQHGboXB/N4nyn8DfA0WA2vCwX0A4j2oDh5iaHPZ7LExtpCN1wH+cmFhC5+XZpvw==",249:"sha512-QwbAv951CmpiBMYrGDX13s51PFIraP7TGD1mhcZv8jILwi1qPZbPL+c98zB6u5kWpOPcdfGLroZW+38lG3ZVHA==",212:"sha512-hVJwKgbpekN6SB9bmRkjdGJxXRXeHDsrVRlTC1EMUEYSeaO8NWR6CjzsDA2iUrhmD1sv4p1TCx6tYULmyZ2Tbw=="};(s=document.createElement("script")).charset="utf-8",s.timeout=120,i.nc&&s.setAttribute("nonce",i.nc),s.setAttribute("data-webpack",t+o),s.src=r,0!==s.src.indexOf(window.location.origin+"/")&&(s.crossOrigin="anonymous"),f[a]&&(s.integrity=f[a])}e[r]=[n];var h=(t,n)=>{s.onerror=s.onload=null,clearTimeout(p);var i=e[r];if(delete e[r],s.parentNode&&s.parentNode.removeChild(s),i&&i.forEach((e=>e(n))),t)return t(n)},p=setTimeout(h.bind(null,void 0,{type:"timeout",target:s}),12e4);s.onerror=h.bind(null,s.onerror),s.onload=h.bind(null,s.onload),c&&document.head.appendChild(s)}},i.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},i.p="https://js-agent.newrelic.com/",(()=>{var e={38:0,788:0};i.f.j=(t,r)=>{var n=i.o(e,t)?e[t]:void 0;if(0!==n)if(n)r.push(n[2]);else{var o=new Promise(((r,i)=>n=e[t]=[r,i]));r.push(n[2]=o);var a=i.p+i.u(t),s=new Error;i.l(a,(r=>{if(i.o(e,t)&&(0!==(n=e[t])&&(e[t]=void 0),n)){var o=r&&("load"===r.type?"missing":r.type),a=r&&r.target&&r.target.src;s.message="Loading chunk "+t+" failed.\n("+o+": "+a+")",s.name="ChunkLoadError",s.type=o,s.request=a,n[1](s)}}),"chunk-"+t,t)}};var t=(t,r)=>{var n,o,[a,s,c]=r,u=0;if(a.some((t=>0!==e[t]))){for(n in s)i.o(s,n)&&(i.m[n]=s[n]);if(c)c(i)}for(t&&t(r);u<a.length;u++)o=a[u],i.o(e,o)&&e[o]&&e[o][0](),e[o]=0},r=self["webpackChunk:NRBA-1.283.1.PROD"]=self["webpackChunk:NRBA-1.283.1.PROD"]||[];r.forEach(t.bind(null,0)),r.push=t.bind(null,r.push.bind(r))})(),(()=>{"use strict";i(8374);var e=i(944),t=i(6344),r=i(9566);class n{agentIdentifier;constructor(){this.agentIdentifier=(0,r.LA)(16)}#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}addPageAction(e,t){return this.#e("addPageAction",e,t)}recordCustomEvent(e,t){return this.#e("recordCustomEvent",e,t)}setPageViewName(e,t){return this.#e("setPageViewName",e,t)}setCustomAttribute(e,t,r){return this.#e("setCustomAttribute",e,t,r)}noticeError(e,t){return this.#e("noticeError",e,t)}setUserId(e){return this.#e("setUserId",e)}setApplicationVersion(e){return this.#e("setApplicationVersion",e)}setErrorHandler(e){return this.#e("setErrorHandler",e)}addRelease(e,t){return this.#e("addRelease",e,t)}log(e,t){return this.#e("log",e,t)}}class o extends n{#e(t,...r){if("function"==typeof this.api?.[t])return this.api[t](...r);(0,e.R)(35,t)}start(){return this.#e("start")}finished(e){return this.#e("finished",e)}recordReplay(){return this.#e(t.G4.RECORD)}pauseReplay(){return this.#e(t.G4.PAUSE)}addToTrace(e){return this.#e("addToTrace",e)}setCurrentRouteName(e){return this.#e("setCurrentRouteName",e)}interaction(){return this.#e("interaction")}wrapLogger(e,t,r){return this.#e("wrapLogger",e,t,r)}}var a=i(860),s=i(9417);const c=Object.values(a.K7);function u(e){const t={};return c.forEach((r=>{t[r]=function(e,t){return!0===(0,s.gD)(t,"".concat(e,".enabled"))}(r,e)})),t}var d=i(8969);var l=i(1687),f=i(4234),h=i(5289),p=i(6154),g=i(5270),m=i(7767),v=i(6389);class b extends f.W{constructor(e,t,r=!0){super(e.agentIdentifier,t),this.auto=r,this.abortHandler=void 0,this.featAggregate=void 0,this.onAggregateImported=void 0,!1===e.init[this.featureName].autoStart&&(this.auto=!1),this.auto?(0,l.Ak)(e.agentIdentifier,t):this.ee.on("manual-start-all",(0,v.J)((()=>{(0,l.Ak)(e.agentIdentifier,this.featureName),this.auto=!0,this.importAggregator(e)})))}importAggregator(t,r={}){if(this.featAggregate||!this.auto)return;let n;this.onAggregateImported=new Promise((e=>{n=e}));const o=async()=>{let o;try{if((0,m.V)(this.agentIdentifier)){const{setupAgentSession:e}=await i.e(478).then(i.bind(i,6526));o=e(t)}}catch(t){(0,e.R)(20,t),this.ee.emit("internal-error",[t]),this.featureName===a.K7.sessionReplay&&this.abortHandler?.()}try{if(!this.#t(this.featureName,o))return(0,l.Ze)(this.agentIdentifier,this.featureName),void n(!1);const{lazyFeatureLoader:e}=await i.e(478).then(i.bind(i,6103)),{Aggregate:a}=await e(this.featureName,"aggregate");this.featAggregate=new a(t,r),t.runtime.harvester.initializedAggregates.push(this.featAggregate),n(!0)}catch(t){(0,e.R)(34,t),this.abortHandler?.(),(0,l.Ze)(this.agentIdentifier,this.featureName,!0),n(!1),this.ee&&this.ee.abort()}};p.RI?(0,h.GG)((()=>o()),!0):o()}#t(e,t){switch(e){case a.K7.sessionReplay:return(0,g.SR)(this.agentIdentifier)&&!!t;case a.K7.sessionTrace:return!!t;default:return!0}}}var y=i(6630);class w extends b{static featureName=y.T;constructor(e,t=!0){super(e,y.T,t),this.importAggregator(e)}}var R=i(384);var x=i(9908),E=i(2843),A=i(3878),T=i(782),N=i(1863);class S extends b{static featureName=T.T;constructor(e,t=!0){super(e,T.T,t),p.RI&&((0,E.u)((()=>(0,x.p)("docHidden",[(0,N.t)()],void 0,T.T,this.ee)),!0),(0,A.sp)("pagehide",(()=>(0,x.p)("winPagehide",[(0,N.t)()],void 0,T.T,this.ee))),this.importAggregator(e))}}var _=i(8154);class O extends b{static featureName=_.TZ;constructor(e,t=!0){super(e,_.TZ,t),this.importAggregator(e)}}var I=i(6774),P=i(3304);class j{constructor(e,t,r,n,i){this.name="UncaughtError",this.message="string"==typeof e?e:(0,P.A)(e),this.sourceURL=t,this.line=r,this.column=n,this.__newrelic=i}}function C(e){return H(e)?e:new j(void 0!==e?.message?e.message:e,e?.filename||e?.sourceURL,e?.lineno||e?.line,e?.colno||e?.col,e?.__newrelic)}function k(e){const t="Unhandled Promise Rejection";if(!e?.reason)return;if(H(e.reason))try{return e.reason.message=t+": "+e.reason.message,C(e.reason)}catch(t){return C(e.reason)}const r=C(e.reason);return r.message=t+": "+r?.message,r}function L(e){if(e.error instanceof SyntaxError&&!/:\d+$/.test(e.error.stack?.trim())){const t=new j(e.message,e.filename,e.lineno,e.colno,e.error.__newrelic);return t.name=SyntaxError.name,t}return H(e.error)?e.error:C(e)}function H(e){return e instanceof Error&&!!e.stack}class M extends b{static featureName=I.T;#r=!1;constructor(e,r=!0){super(e,I.T,r);try{this.removeOnAbort=new AbortController}catch(e){}this.ee.on("internal-error",((e,t)=>{this.abortHandler&&(0,x.p)("ierr",[C(e),(0,N.t)(),!0,{},this.#r,t],void 0,this.featureName,this.ee)})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.#r=e})),p.gm.addEventListener("unhandledrejection",(e=>{this.abortHandler&&(0,x.p)("err",[k(e),(0,N.t)(),!1,{unhandledPromiseRejection:1},this.#r],void 0,this.featureName,this.ee)}),(0,A.jT)(!1,this.removeOnAbort?.signal)),p.gm.addEventListener("error",(e=>{this.abortHandler&&(0,x.p)("err",[L(e),(0,N.t)(),!1,{},this.#r],void 0,this.featureName,this.ee)}),(0,A.jT)(!1,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e)}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var D=i(8990);let K=1;const U="nr@id";function V(e){const t=typeof e;return!e||"object"!==t&&"function"!==t?-1:e===p.gm?0:(0,D.I)(e,U,(function(){return K++}))}function G(e){if("string"==typeof e&&e.length)return e.length;if("object"==typeof e){if("undefined"!=typeof ArrayBuffer&&e instanceof ArrayBuffer&&e.byteLength)return e.byteLength;if("undefined"!=typeof Blob&&e instanceof Blob&&e.size)return e.size;if(!("undefined"!=typeof FormData&&e instanceof FormData))try{return(0,P.A)(e).length}catch(e){return}}}var F=i(8139),B=i(7836),W=i(3434);const z={},q=["open","send"];function Z(t){var r=t||B.ee;const n=function(e){return(e||B.ee).get("xhr")}(r);if(void 0===p.gm.XMLHttpRequest)return n;if(z[n.debugId]++)return n;z[n.debugId]=1,(0,F.u)(r);var i=(0,W.YM)(n),o=p.gm.XMLHttpRequest,a=p.gm.MutationObserver,s=p.gm.Promise,c=p.gm.setInterval,u="readystatechange",d=["onload","onerror","onabort","onloadstart","onloadend","onprogress","ontimeout"],l=[],f=p.gm.XMLHttpRequest=function(t){const r=new o(t),a=n.context(r);try{n.emit("new-xhr",[r],a),r.addEventListener(u,(s=a,function(){var e=this;e.readyState>3&&!s.resolved&&(s.resolved=!0,n.emit("xhr-resolved",[],e)),i.inPlace(e,d,"fn-",y)}),(0,A.jT)(!1))}catch(t){(0,e.R)(15,t);try{n.emit("internal-error",[t])}catch(e){}}var s;return r};function h(e,t){i.inPlace(t,["onreadystatechange"],"fn-",y)}if(function(e,t){for(var r in e)t[r]=e[r]}(o,f),f.prototype=o.prototype,i.inPlace(f.prototype,q,"-xhr-",y),n.on("send-xhr-start",(function(e,t){h(e,t),function(e){l.push(e),a&&(g?g.then(b):c?c(b):(m=-m,v.data=m))}(t)})),n.on("open-xhr-start",h),a){var g=s&&s.resolve();if(!c&&!s){var m=1,v=document.createTextNode(m);new a(b).observe(v,{characterData:!0})}}else r.on("fn-end",(function(e){e[0]&&e[0].type===u||b()}));function b(){for(var e=0;e<l.length;e++)h(0,l[e]);l.length&&(l=[])}function y(e,t){return t}return n}var Y="fetch-",J=Y+"body-",X=["arrayBuffer","blob","json","text","formData"],Q=p.gm.Request,ee=p.gm.Response,te="prototype";const re={};function ne(e){const t=function(e){return(e||B.ee).get("fetch")}(e);if(!(Q&&ee&&p.gm.fetch))return t;if(re[t.debugId]++)return t;function r(e,r,n){var i=e[r];"function"==typeof i&&(e[r]=function(){var e,r=[...arguments],o={};t.emit(n+"before-start",[r],o),o[B.P]&&o[B.P].dt&&(e=o[B.P].dt);var a=i.apply(this,r);return t.emit(n+"start",[r,e],a),a.then((function(e){return t.emit(n+"end",[null,e],a),e}),(function(e){throw t.emit(n+"end",[e],a),e}))})}return re[t.debugId]=1,X.forEach((e=>{r(Q[te],e,J),r(ee[te],e,J)})),r(p.gm,"fetch",Y),t.on(Y+"end",(function(e,r){var n=this;if(r){var i=r.headers.get("content-length");null!==i&&(n.rxSize=i),t.emit(Y+"done",[null,r],n)}else t.emit(Y+"done",[e],n)})),t}var ie=i(7485),oe=i(5603);class ae{constructor(e){this.agentIdentifier=e}generateTracePayload(e){if(!this.shouldGenerateTrace(e))return null;var t=(0,oe.o)(this.agentIdentifier);if(!t)return null;var n=(t.accountID||"").toString()||null,i=(t.agentID||"").toString()||null,o=(t.trustKey||"").toString()||null;if(!n||!i)return null;var a=(0,r.ZF)(),s=(0,r.el)(),c=Date.now(),u={spanId:a,traceId:s,timestamp:c};return(e.sameOrigin||this.isAllowedOrigin(e)&&this.useTraceContextHeadersForCors())&&(u.traceContextParentHeader=this.generateTraceContextParentHeader(a,s),u.traceContextStateHeader=this.generateTraceContextStateHeader(a,c,n,i,o)),(e.sameOrigin&&!this.excludeNewrelicHeader()||!e.sameOrigin&&this.isAllowedOrigin(e)&&this.useNewrelicHeaderForCors())&&(u.newrelicHeader=this.generateTraceHeader(a,s,c,n,i,o)),u}generateTraceContextParentHeader(e,t){return"00-"+t+"-"+e+"-01"}generateTraceContextStateHeader(e,t,r,n,i){return i+"@nr=0-1-"+r+"-"+n+"-"+e+"----"+t}generateTraceHeader(e,t,r,n,i,o){if(!("function"==typeof p.gm?.btoa))return null;var a={v:[0,1],d:{ty:"Browser",ac:n,ap:i,id:e,tr:t,ti:r}};return o&&n!==o&&(a.d.tk=o),btoa((0,P.A)(a))}shouldGenerateTrace(e){return this.isDtEnabled()&&this.isAllowedOrigin(e)}isAllowedOrigin(e){var t=!1,r={};if((0,s.gD)(this.agentIdentifier,"distributed_tracing")&&(r=(0,s.D0)(this.agentIdentifier).distributed_tracing),e.sameOrigin)t=!0;else if(r.allowed_origins instanceof Array)for(var n=0;n<r.allowed_origins.length;n++){var i=(0,ie.D)(r.allowed_origins[n]);if(e.hostname===i.hostname&&e.protocol===i.protocol&&e.port===i.port){t=!0;break}}return t}isDtEnabled(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.enabled}excludeNewrelicHeader(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.exclude_newrelic_header}useNewrelicHeaderForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!1!==e.cors_use_newrelic_header}useTraceContextHeadersForCors(){var e=(0,s.gD)(this.agentIdentifier,"distributed_tracing");return!!e&&!!e.cors_use_tracecontext_headers}}var se=i(9300),ce=i(7295),ue=["load","error","abort","timeout"],de=ue.length,le=(0,R.dV)().o.REQ,fe=(0,R.dV)().o.XHR;class he extends b{static featureName=se.T;constructor(e,t=!0){super(e,se.T,t),this.dt=new ae(e.agentIdentifier),this.handler=(e,t,r,n)=>(0,x.p)(e,t,r,n,this.ee);try{const e={xmlhttprequest:"xhr",fetch:"fetch",beacon:"beacon"};p.gm?.performance?.getEntriesByType("resource").forEach((t=>{if(t.initiatorType in e&&0!==t.responseStatus){const r={status:t.responseStatus},n={rxSize:t.transferSize,duration:Math.floor(t.duration),cbTime:0};pe(r,t.name),this.handler("xhr",[r,n,t.startTime,t.responseEnd,e[t.initiatorType]],void 0,a.K7.ajax)}}))}catch(e){}ne(this.ee),Z(this.ee),function(e,t,r,n){function i(e){var t=this;t.totalCbs=0,t.called=0,t.cbTime=0,t.end=R,t.ended=!1,t.xhrGuids={},t.lastSize=null,t.loadCaptureCalled=!1,t.params=this.params||{},t.metrics=this.metrics||{},e.addEventListener("load",(function(r){E(t,e)}),(0,A.jT)(!1)),p.lR||e.addEventListener("progress",(function(e){t.lastSize=e.loaded}),(0,A.jT)(!1))}function o(e){this.params={method:e[0]},pe(this,e[1]),this.metrics={}}function s(t,r){e.loader_config.xpid&&this.sameOrigin&&r.setRequestHeader("X-NewRelic-ID",e.loader_config.xpid);var i=n.generateTracePayload(this.parsedOrigin);if(i){var o=!1;i.newrelicHeader&&(r.setRequestHeader("newrelic",i.newrelicHeader),o=!0),i.traceContextParentHeader&&(r.setRequestHeader("traceparent",i.traceContextParentHeader),i.traceContextStateHeader&&r.setRequestHeader("tracestate",i.traceContextStateHeader),o=!0),o&&(this.dt=i)}}function c(e,r){var n=this.metrics,i=e[0],o=this;if(n&&i){var a=G(i);a&&(n.txSize=a)}this.startTime=(0,N.t)(),this.body=i,this.listener=function(e){try{"abort"!==e.type||o.loadCaptureCalled||(o.params.aborted=!0),("load"!==e.type||o.called===o.totalCbs&&(o.onloadCalled||"function"!=typeof r.onload)&&"function"==typeof o.end)&&o.end(r)}catch(e){try{t.emit("internal-error",[e])}catch(e){}}};for(var s=0;s<de;s++)r.addEventListener(ue[s],this.listener,(0,A.jT)(!1))}function u(e,t,r){this.cbTime+=e,t?this.onloadCalled=!0:this.called+=1,this.called!==this.totalCbs||!this.onloadCalled&&"function"==typeof r.onload||"function"!=typeof this.end||this.end(r)}function d(e,t){var r=""+V(e)+!!t;this.xhrGuids&&!this.xhrGuids[r]&&(this.xhrGuids[r]=!0,this.totalCbs+=1)}function l(e,t){var r=""+V(e)+!!t;this.xhrGuids&&this.xhrGuids[r]&&(delete this.xhrGuids[r],this.totalCbs-=1)}function f(){this.endTime=(0,N.t)()}function h(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-added",[e[1],e[2]],r)}function g(e,r){r instanceof fe&&"load"===e[0]&&t.emit("xhr-load-removed",[e[1],e[2]],r)}function m(e,t,r){t instanceof fe&&("onload"===r&&(this.onload=!0),("load"===(e[0]&&e[0].type)||this.onload)&&(this.xhrCbStart=(0,N.t)()))}function v(e,r){this.xhrCbStart&&t.emit("xhr-cb-time",[(0,N.t)()-this.xhrCbStart,this.onload,r],r)}function b(e){var t,r=e[1]||{};if("string"==typeof e[0]?0===(t=e[0]).length&&p.RI&&(t=""+p.gm.location.href):e[0]&&e[0].url?t=e[0].url:p.gm?.URL&&e[0]&&e[0]instanceof URL?t=e[0].href:"function"==typeof e[0].toString&&(t=e[0].toString()),"string"==typeof t&&0!==t.length){t&&(this.parsedOrigin=(0,ie.D)(t),this.sameOrigin=this.parsedOrigin.sameOrigin);var i=n.generateTracePayload(this.parsedOrigin);if(i&&(i.newrelicHeader||i.traceContextParentHeader))if(e[0]&&e[0].headers)s(e[0].headers,i)&&(this.dt=i);else{var o={};for(var a in r)o[a]=r[a];o.headers=new Headers(r.headers||{}),s(o.headers,i)&&(this.dt=i),e.length>1?e[1]=o:e.push(o)}}function s(e,t){var r=!1;return t.newrelicHeader&&(e.set("newrelic",t.newrelicHeader),r=!0),t.traceContextParentHeader&&(e.set("traceparent",t.traceContextParentHeader),t.traceContextStateHeader&&e.set("tracestate",t.traceContextStateHeader),r=!0),r}}function y(e,t){this.params={},this.metrics={},this.startTime=(0,N.t)(),this.dt=t,e.length>=1&&(this.target=e[0]),e.length>=2&&(this.opts=e[1]);var r,n=this.opts||{},i=this.target;"string"==typeof i?r=i:"object"==typeof i&&i instanceof le?r=i.url:p.gm?.URL&&"object"==typeof i&&i instanceof URL&&(r=i.href),pe(this,r);var o=(""+(i&&i instanceof le&&i.method||n.method||"GET")).toUpperCase();this.params.method=o,this.body=n.body,this.txSize=G(n.body)||0}function w(e,t){if(this.endTime=(0,N.t)(),this.params||(this.params={}),(0,ce.iW)(this.params))return;let n;this.params.status=t?t.status:0,"string"==typeof this.rxSize&&this.rxSize.length>0&&(n=+this.rxSize);const i={txSize:this.txSize,rxSize:n,duration:(0,N.t)()-this.startTime};r("xhr",[this.params,i,this.startTime,this.endTime,"fetch"],this,a.K7.ajax)}function R(e){const t=this.params,n=this.metrics;if(!this.ended){this.ended=!0;for(let t=0;t<de;t++)e.removeEventListener(ue[t],this.listener,!1);t.aborted||(0,ce.iW)(t)||(n.duration=(0,N.t)()-this.startTime,this.loadCaptureCalled||4!==e.readyState?null==t.status&&(t.status=0):E(this,e),n.cbTime=this.cbTime,r("xhr",[t,n,this.startTime,this.endTime,"xhr"],this,a.K7.ajax))}}function E(e,r){e.params.status=r.status;var n=function(e,t){var r=e.responseType;return"json"===r&&null!==t?t:"arraybuffer"===r||"blob"===r||"json"===r?G(e.response):"text"===r||""===r||void 0===r?G(e.responseText):void 0}(r,e.lastSize);if(n&&(e.metrics.rxSize=n),e.sameOrigin){var i=r.getResponseHeader("X-NewRelic-App-Data");i&&((0,x.p)(_.rs,["Ajax/CrossApplicationTracing/Header/Seen"],void 0,a.K7.metrics,t),e.params.cat=i.split(", ").pop())}e.loadCaptureCalled=!0}t.on("new-xhr",i),t.on("open-xhr-start",o),t.on("open-xhr-end",s),t.on("send-xhr-start",c),t.on("xhr-cb-time",u),t.on("xhr-load-added",d),t.on("xhr-load-removed",l),t.on("xhr-resolved",f),t.on("addEventListener-end",h),t.on("removeEventListener-end",g),t.on("fn-end",v),t.on("fetch-before-start",b),t.on("fetch-start",y),t.on("fn-start",m),t.on("fetch-done",w)}(e,this.ee,this.handler,this.dt),this.importAggregator(e)}}function pe(e,t){var r=(0,ie.D)(t),n=e.params||e;n.hostname=r.hostname,n.port=r.port,n.protocol=r.protocol,n.host=r.hostname+":"+r.port,n.pathname=r.pathname,e.parsedOrigin=r,e.sameOrigin=r.sameOrigin}const ge={},me=["pushState","replaceState"];function ve(e){const t=function(e){return(e||B.ee).get("history")}(e);return!p.RI||ge[t.debugId]++||(ge[t.debugId]=1,(0,W.YM)(t).inPlace(window.history,me,"-")),t}var be=i(3738);const{He:ye,bD:we,d3:Re,Kp:xe,TZ:Ee,Lc:Ae,uP:Te,Rz:Ne}=be;class Se extends b{static featureName=Ee;constructor(e,t=!0){super(e,Ee,t);if(!(0,m.V)(this.agentIdentifier))return void this.deregisterDrain();const r=this.ee;let n;ve(r),this.eventsEE=(0,F.u)(r),this.eventsEE.on(Te,(function(e,t){this.bstStart=(0,N.t)()})),this.eventsEE.on(Ae,(function(e,t){(0,x.p)("bst",[e[0],t,this.bstStart,(0,N.t)()],void 0,a.K7.sessionTrace,r)})),r.on(Ne+Re,(function(e){this.time=(0,N.t)(),this.startPath=location.pathname+location.hash})),r.on(Ne+xe,(function(e){(0,x.p)("bstHist",[location.pathname+location.hash,this.startPath,this.time],void 0,a.K7.sessionTrace,r)}));try{n=new PerformanceObserver((e=>{const t=e.getEntries();(0,x.p)(ye,[t],void 0,a.K7.sessionTrace,r)})),n.observe({type:we,buffered:!0})}catch(e){}this.importAggregator(e,{resourceObserver:n})}}var _e=i(2614);class Oe extends b{static featureName=t.TZ;#i;#o;constructor(e,r=!0){let n;super(e,t.TZ,r),this.replayRunning=!1,this.#o=e;try{n=JSON.parse(localStorage.getItem("".concat(_e.H3,"_").concat(_e.uh)))}catch(e){}(0,g.SR)(e.agentIdentifier)&&this.ee.on(t.G4.RECORD,(()=>this.#a())),this.#s(n)?(this.#i=n?.sessionReplayMode,this.#c()):this.importAggregator(e),this.ee.on("err",(e=>{this.replayRunning&&(this.errorNoticed=!0,(0,x.p)(t.G4.ERROR_DURING_REPLAY,[e],void 0,this.featureName,this.ee))})),this.ee.on(t.G4.REPLAY_RUNNING,(e=>{this.replayRunning=e}))}#s(e){return e&&(e.sessionReplayMode===_e.g.FULL||e.sessionReplayMode===_e.g.ERROR)||(0,g.Aw)(this.agentIdentifier)}#u=!1;async#c(e){if(!this.#u){this.#u=!0;try{const{Recorder:t}=await Promise.all([i.e(478),i.e(249)]).then(i.bind(i,8589));this.recorder??=new t({mode:this.#i,agentIdentifier:this.agentIdentifier,trigger:e,ee:this.ee,agentRef:this.#o}),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording}catch(e){}this.importAggregator(this.#o,{recorder:this.recorder,errorNoticed:this.errorNoticed})}}#a(){this.featAggregate?this.featAggregate.mode!==_e.g.FULL&&this.featAggregate.initializeRecording(_e.g.FULL,!0):(this.#i=_e.g.FULL,this.#c(t.Qb.API),this.recorder&&this.recorder.parent.mode!==_e.g.FULL&&(this.recorder.parent.mode=_e.g.FULL,this.recorder.stopRecording(),this.recorder.startRecording(),this.abortHandler=this.recorder.stopRecording))}}var Ie=i(3962);class Pe extends b{static featureName=Ie.TZ;constructor(e,t=!0){if(super(e,Ie.TZ,t),!p.RI||!(0,R.dV)().o.MO)return;const r=ve(this.ee);Ie.tC.forEach((e=>{(0,A.sp)(e,(e=>{a(e)}),!0)}));const n=()=>(0,x.p)("newURL",[(0,N.t)(),""+window.location],void 0,this.featureName,this.ee);r.on("pushState-end",n),r.on("replaceState-end",n);try{this.removeOnAbort=new AbortController}catch(e){}(0,A.sp)("popstate",(e=>(0,x.p)("newURL",[e.timeStamp,""+window.location],void 0,this.featureName,this.ee)),!0,this.removeOnAbort?.signal);let i=!1;const o=new((0,R.dV)().o.MO)(((e,t)=>{i||(i=!0,requestAnimationFrame((()=>{(0,x.p)("newDom",[(0,N.t)()],void 0,this.featureName,this.ee),i=!1})))})),a=(0,v.s)((e=>{(0,x.p)("newUIEvent",[e],void 0,this.featureName,this.ee),o.observe(document.body,{attributes:!0,childList:!0,subtree:!0,characterData:!0})}),100,{leading:!0});this.abortHandler=function(){this.removeOnAbort?.abort(),o.disconnect(),this.abortHandler=void 0},this.importAggregator(e,{domObserver:o})}}var je=i(7378);const Ce={},ke=["appendChild","insertBefore","replaceChild"];function Le(e){const t=function(e){return(e||B.ee).get("jsonp")}(e);if(!p.RI||Ce[t.debugId])return t;Ce[t.debugId]=!0;var r=(0,W.YM)(t),n=/[?&](?:callback|cb)=([^&#]+)/,i=/(.*)\.([^.]+)/,o=/^(\w+)(\.|$)(.*)$/;function a(e,t){if(!e)return t;const r=e.match(o),n=r[1];return a(r[3],t[n])}return r.inPlace(Node.prototype,ke,"dom-"),t.on("dom-start",(function(e){!function(e){if(!e||"string"!=typeof e.nodeName||"script"!==e.nodeName.toLowerCase())return;if("function"!=typeof e.addEventListener)return;var o=(s=e.src,c=s.match(n),c?c[1]:null);var s,c;if(!o)return;var u=function(e){var t=e.match(i);if(t&&t.length>=3)return{key:t[2],parent:a(t[1],window)};return{key:e,parent:window}}(o);if("function"!=typeof u.parent[u.key])return;var d={};function l(){t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,A.jT)(!1)),e.removeEventListener("error",f,(0,A.jT)(!1))}function f(){t.emit("jsonp-error",[],d),t.emit("jsonp-end",[],d),e.removeEventListener("load",l,(0,A.jT)(!1)),e.removeEventListener("error",f,(0,A.jT)(!1))}r.inPlace(u.parent,[u.key],"cb-",d),e.addEventListener("load",l,(0,A.jT)(!1)),e.addEventListener("error",f,(0,A.jT)(!1)),t.emit("new-jsonp",[e.src],d)}(e[0])})),t}const He={};function Me(e){const t=function(e){return(e||B.ee).get("promise")}(e);if(He[t.debugId])return t;He[t.debugId]=!0;var r=t.context,n=(0,W.YM)(t),i=p.gm.Promise;return i&&function(){function e(r){var o=t.context(),a=n(r,"executor-",o,null,!1);const s=Reflect.construct(i,[a],e);return t.context(s).getCtx=function(){return o},s}p.gm.Promise=e,Object.defineProperty(e,"name",{value:"Promise"}),e.toString=function(){return i.toString()},Object.setPrototypeOf(e,i),["all","race"].forEach((function(r){const n=i[r];e[r]=function(e){let i=!1;[...e||[]].forEach((e=>{this.resolve(e).then(a("all"===r),a(!1))}));const o=n.apply(this,arguments);return o;function a(e){return function(){t.emit("propagate",[null,!i],o,!1,!1),i=i||!e}}}})),["resolve","reject"].forEach((function(r){const n=i[r];e[r]=function(e){const r=n.apply(this,arguments);return e!==r&&t.emit("propagate",[e,!0],r,!1,!1),r}})),e.prototype=i.prototype;const o=i.prototype.then;i.prototype.then=function(...e){var i=this,a=r(i);a.promise=i,e[0]=n(e[0],"cb-",a,null,!1),e[1]=n(e[1],"cb-",a,null,!1);const s=o.apply(this,e);return a.nextPromise=s,t.emit("propagate",[i,!0],s,!1,!1),s},i.prototype.then[W.Jt]=o,t.on("executor-start",(function(e){e[0]=n(e[0],"resolve-",this,null,!1),e[1]=n(e[1],"resolve-",this,null,!1)})),t.on("executor-err",(function(e,t,r){e[1](r)})),t.on("cb-end",(function(e,r,n){t.emit("propagate",[n,!0],this.nextPromise,!1,!1)})),t.on("propagate",(function(e,r,n){this.getCtx&&!r||(this.getCtx=function(){if(e instanceof Promise)var r=t.context(e);return r&&r.getCtx?r.getCtx():this})}))}(),t}const De={},Ke="setTimeout",Ue="setInterval",Ve="clearTimeout",Ge="-start",Fe=[Ke,"setImmediate",Ue,Ve,"clearImmediate"];function Be(e){const t=function(e){return(e||B.ee).get("timer")}(e);if(De[t.debugId]++)return t;De[t.debugId]=1;var r=(0,W.YM)(t);return r.inPlace(p.gm,Fe.slice(0,2),Ke+"-"),r.inPlace(p.gm,Fe.slice(2,3),Ue+"-"),r.inPlace(p.gm,Fe.slice(3),Ve+"-"),t.on(Ue+Ge,(function(e,t,n){e[0]=r(e[0],"fn-",null,n)})),t.on(Ke+Ge,(function(e,t,n){this.method=n,this.timerDuration=isNaN(e[1])?0:+e[1],e[0]=r(e[0],"fn-",this,n)})),t}const We={};function ze(e){const t=function(e){return(e||B.ee).get("mutation")}(e);if(!p.RI||We[t.debugId])return t;We[t.debugId]=!0;var r=(0,W.YM)(t),n=p.gm.MutationObserver;return n&&(window.MutationObserver=function(e){return this instanceof n?new n(r(e,"fn-")):n.apply(this,arguments)},MutationObserver.prototype=n.prototype),t}const{TZ:qe,d3:Ze,Kp:Ye,$p:Je,wW:Xe,e5:$e,tH:Qe,uP:et,rw:tt,Lc:rt}=je;class nt extends b{static featureName=qe;constructor(e,t=!0){if(super(e,qe,t),!p.RI)return;try{this.removeOnAbort=new AbortController}catch(e){}let r,n=0;const i=this.ee.get("tracer"),o=Le(this.ee),a=Me(this.ee),s=Be(this.ee),c=Z(this.ee),u=this.ee.get("events"),d=ne(this.ee),l=ve(this.ee),f=ze(this.ee);function h(e,t){l.emit("newURL",[""+window.location,t])}function g(){n++,r=window.location.hash,this[et]=(0,N.t)()}function m(){n--,window.location.hash!==r&&h(0,!0);var e=(0,N.t)();this[$e]=~~this[$e]+e-this[et],this[rt]=e}function v(e,t){e.on(t,(function(){this[t]=(0,N.t)()}))}this.ee.on(et,g),a.on(tt,g),o.on(tt,g),this.ee.on(rt,m),a.on(Xe,m),o.on(Xe,m),this.ee.on("fn-err",((...t)=>{t[2]?.__newrelic?.[e.agentIdentifier]||(0,x.p)("function-err",[...t],void 0,this.featureName,this.ee)})),this.ee.buffer([et,rt,"xhr-resolved"],this.featureName),u.buffer([et],this.featureName),s.buffer(["setTimeout"+Ye,"clearTimeout"+Ze,et],this.featureName),c.buffer([et,"new-xhr","send-xhr"+Ze],this.featureName),d.buffer([Qe+Ze,Qe+"-done",Qe+Je+Ze,Qe+Je+Ye],this.featureName),l.buffer(["newURL"],this.featureName),f.buffer([et],this.featureName),a.buffer(["propagate",tt,Xe,"executor-err","resolve"+Ze],this.featureName),i.buffer([et,"no-"+et],this.featureName),o.buffer(["new-jsonp","cb-start","jsonp-error","jsonp-end"],this.featureName),v(d,Qe+Ze),v(d,Qe+"-done"),v(o,"new-jsonp"),v(o,"jsonp-end"),v(o,"cb-start"),l.on("pushState-end",h),l.on("replaceState-end",h),window.addEventListener("hashchange",h,(0,A.jT)(!0,this.removeOnAbort?.signal)),window.addEventListener("load",h,(0,A.jT)(!0,this.removeOnAbort?.signal)),window.addEventListener("popstate",(function(){h(0,n>1)}),(0,A.jT)(!0,this.removeOnAbort?.signal)),this.abortHandler=this.#n,this.importAggregator(e)}#n(){this.removeOnAbort?.abort(),this.abortHandler=void 0}}var it=i(3333);class ot extends b{static featureName=it.TZ;constructor(e,t=!0){super(e,it.TZ,t);const r=[e.init.page_action.enabled,e.init.performance.capture_marks,e.init.performance.capture_measures,e.init.user_actions.enabled,e.init.performance.resources.enabled];if(p.RI&&(e.init.user_actions.enabled&&(it.Zp.forEach((e=>(0,A.sp)(e,(e=>(0,x.p)("ua",[e],void 0,this.featureName,this.ee)),!0))),it.qN.forEach((e=>{const t=(0,v.s)((e=>{(0,x.p)("ua",[e],void 0,this.featureName,this.ee)}),500,{leading:!0});(0,A.sp)(e,t)}))),e.init.performance.resources.enabled&&p.gm.PerformanceObserver?.supportedEntryTypes.includes("resource"))){new PerformanceObserver((e=>{e.getEntries().forEach((e=>{(0,x.p)("browserPerformance.resource",[e],void 0,this.featureName,this.ee)}))})).observe({type:"resource",buffered:!0})}r.some((e=>e))?this.importAggregator(e):this.deregisterDrain()}}var at=i(993),st=i(3785),ct=i(9414);class ut extends b{static featureName=at.TZ;constructor(e,t=!0){super(e,at.TZ,t);const r=this.ee;(0,ct.J)(r,p.gm.console,"log",{level:"info"}),(0,ct.J)(r,p.gm.console,"error",{level:"error"}),(0,ct.J)(r,p.gm.console,"warn",{level:"warn"}),(0,ct.J)(r,p.gm.console,"info",{level:"info"}),(0,ct.J)(r,p.gm.console,"debug",{level:"debug"}),(0,ct.J)(r,p.gm.console,"trace",{level:"trace"}),this.ee.on("wrap-logger-end",(function([e]){const{level:t,customAttributes:n}=this;(0,st.R)(r,e,n,t)})),this.importAggregator(e)}}new class extends o{constructor(t){super(),p.gm?(this.features={},(0,R.bQ)(this.agentIdentifier,this),this.desiredFeatures=new Set(t.features||[]),this.desiredFeatures.add(w),this.runSoftNavOverSpa=[...this.desiredFeatures].some((e=>e.featureName===a.K7.softNav)),(0,d.j)(this,t,t.loaderType||"agent"),this.run()):(0,e.R)(21)}get config(){return{info:this.info,init:this.init,loader_config:this.loader_config,runtime:this.runtime}}run(){try{const t=u(this.agentIdentifier),r=[...this.desiredFeatures];r.sort(((e,t)=>a.P3[e.featureName]-a.P3[t.featureName])),r.forEach((r=>{if(!t[r.featureName]&&r.featureName!==a.K7.pageViewEvent)return;if(this.runSoftNavOverSpa&&r.featureName===a.K7.spa)return;if(!this.runSoftNavOverSpa&&r.featureName===a.K7.softNav)return;const n=function(e){switch(e){case a.K7.ajax:return[a.K7.jserrors];case a.K7.sessionTrace:return[a.K7.ajax,a.K7.pageViewEvent];case a.K7.sessionReplay:return[a.K7.sessionTrace];case a.K7.pageViewTiming:return[a.K7.pageViewEvent];default:return[]}}(r.featureName).filter((e=>!(e in this.features)));n.length>0&&(0,e.R)(36,{targetFeature:r.featureName,missingDependencies:n}),this.features[r.featureName]=new r(this)}))}catch(t){(0,e.R)(22,t);for(const e in this.features)this.features[e].abortHandler?.();const r=(0,R.Zm)();delete r.initializedAgents[this.agentIdentifier]?.api,delete r.initializedAgents[this.agentIdentifier]?.features,delete this.sharedAggregator;return r.ee.get(this.agentIdentifier).abort(),!1}}}({features:[he,w,S,Se,Oe,O,M,ot,ut,Pe,nt],loaderType:"spa"})})()})();</script> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <!-- Search Engine Optimization by Rank Math PRO - https://rankmath.com/ --> <title>Top 19 Scroll Image Sequence Animation Inspirations [With Videos]</title><link rel="preload" href="https://fonts.gstatic.com/s/jost/v18/92zPtBhPNqw79Ij1E865zBUv7myRJTVBNIg.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://nexterwp.com/wp-content/plugins/the-plus-addons-for-block-editor/assets/fonts/fa-solid-900.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/fonts/92zatBhPNqw73oTd4jQmfxI.woff2" as="font" type="font/woff2" crossorigin> <meta name="description" content="Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what"/> <meta name="robots" content="follow, index, max-snippet:-1, max-video-preview:-1, max-image-preview:large"/> <link rel="canonical" href="https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/" /> <meta property="og:locale" content="en_US" /> <meta property="og:type" content="article" /> <meta property="og:title" content="Top 19 Scroll Image Sequence Animation Inspirations [With Videos]" /> <meta property="og:description" content="Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what" /> <meta property="og:url" content="https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/" /> <meta property="og:site_name" content="Nexter" /> <meta property="og:updated_time" content="2024-10-18T18:00:57+05:30" /> <meta property="og:image" content="https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg" /> <meta property="og:image:secure_url" content="https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg" /> <meta property="og:image:width" content="1240" /> <meta property="og:image:height" content="628" /> <meta property="og:image:alt" content="Scroll Image Sequence Animation" /> <meta property="og:image:type" content="image/jpeg" /> <meta property="article:published_time" content="2023-04-11T09:41:39+05:30" /> <meta property="article:modified_time" content="2024-10-18T18:00:57+05:30" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/DJ-Mavic-3.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/DJI-Mavic-3-classic.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Apple-AirPods-Pro.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Kubricks-Spartacus.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Max.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/KNOWSE-Eyewear-1.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Dorier-Group.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Dot-Pad.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Minirims-1.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Easy-Switch-to-No-Code-IT.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Wild-Vikings.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/SeaDrone-PROX-ROV.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Neverland-Agency-1.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Hyperfocus-3.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Proxy-Made-Design.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/LOreal-Water-Saver.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Qu-AI.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Recyc-Quebec-Compost.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/Cubans-Edge.mp4" /> <meta property="og:video" content="https://theplusblocks.com/wp-content/uploads/2023/04/PUMA-Velocity-2.mp4" /> <meta property="ya:ovs:upload_date" content="2023-04-11IST09:41:39+05:30" /> <meta property="ya:ovs:allow_embed" content="false" /> <meta name="twitter:card" content="summary_large_image" /> <meta name="twitter:title" content="Top 19 Scroll Image Sequence Animation Inspirations [With Videos]" /> <meta name="twitter:description" content="Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what" /> <meta name="twitter:image" content="https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg" /> <meta name="twitter:label1" content="Written by" /> <meta name="twitter:data1" content="Editorial Team" /> <meta name="twitter:label2" content="Time to read" /> <meta name="twitter:data2" content="8 minutes" /> <script type="application/ld+json" class="rank-math-schema-pro">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://nexterwp.com/#organization","name":"Nexter","url":"https://nexterwp.com","logo":{"@type":"ImageObject","@id":"https://nexterwp.com/#logo","url":"https://nexterwp.com/wp-content/uploads/2024/05/cropped-cropped-Logomark1-150x150.png","contentUrl":"https://nexterwp.com/wp-content/uploads/2024/05/cropped-cropped-Logomark1-150x150.png","caption":"Nexter","inLanguage":"en-US"}},{"@type":"WebSite","@id":"https://nexterwp.com/#website","url":"https://nexterwp.com","name":"Nexter","publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","url":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","width":"1240","height":"628","inLanguage":"en-US"},{"@type":"BreadcrumbList","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#breadcrumb","itemListElement":[{"@type":"ListItem","position":"1","item":{"@id":"https://nexterwp.com","name":"Home"}},{"@type":"ListItem","position":"2","item":{"@id":"https://nexterwp.com/blog/","name":"Blogs"}},{"@type":"ListItem","position":"3","item":{"@id":"https://nexterwp.com/topic/wordpress/","name":"WordPress"}},{"@type":"ListItem","position":"4","item":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]"}}]},{"@type":"WebPage","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage","url":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","datePublished":"2023-04-11T09:41:39+05:30","dateModified":"2024-10-18T18:00:57+05:30","isPartOf":{"@id":"https://nexterwp.com/#website"},"primaryImageOfPage":{"@id":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg"},"inLanguage":"en-US","breadcrumb":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#breadcrumb"}},{"@type":"Person","@id":"https://nexterwp.com/author/nextermasteradmin/","name":"Editorial Team","url":"https://nexterwp.com/author/nextermasteradmin/","image":{"@type":"ImageObject","@id":"https://secure.gravatar.com/avatar/dc86ba3893ca1a9ba6d67ce5585b7188?s=96&amp;d=mm&amp;r=g","url":"https://secure.gravatar.com/avatar/dc86ba3893ca1a9ba6d67ce5585b7188?s=96&amp;d=mm&amp;r=g","caption":"Editorial Team","inLanguage":"en-US"},"sameAs":["https://nexterwp.com"],"worksFor":{"@id":"https://nexterwp.com/#organization"}},{"headline":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","datePublished":"2023-04-11T09:41:39+05:30","dateModified":"2024-10-18T18:00:57+05:30","keywords":"Scroll Image Sequence Animation","image":{"@id":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg"},"author":{"@id":"https://nexterwp.com/author/nextermasteradmin/","name":"Editorial Team"},"@type":"BlogPosting","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","articleSection":"WordPress","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148111","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/DJ-Mavic-3.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148112","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/DJI-Mavic-3-classic.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148113","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Apple-AirPods-Pro.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148114","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Kubricks-Spartacus.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148115","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Max.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148116","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/KNOWSE-Eyewear-1.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148117","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Dorier-Group.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148118","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Dot-Pad.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148119","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Minirims-1.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148120","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Easy-Switch-to-No-Code-IT.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148121","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Wild-Vikings.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148122","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/SeaDrone-PROX-ROV.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148123","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Neverland-Agency-1.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148124","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Hyperfocus-3.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148125","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Proxy-Made-Design.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148126","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/LOreal-Water-Saver.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148127","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Qu-AI.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148128","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Recyc-Quebec-Compost.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148129","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/Cubans-Edge.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148130","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}},{"@type":"VideoObject","name":"Top 19 Scroll Image Sequence Animation Inspirations [With Videos]","description":"Are you looking for ways to make your website stand out from the competition and grab users&#039; attention? Scroll image sequence animations could be just what","uploadDate":"2023-04-11T09:41:39+05:30","thumbnailUrl":"https://nexterwp.com/wp-content/uploads/2024/05/top-scroll-image-sequence-animation-inspirations-with-gifs.jpg","contentUrl":"https://theplusblocks.com/wp-content/uploads/2023/04/PUMA-Velocity-2.mp4","isFamilyFriendly":"True","@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#schema-148131","isPartOf":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"},"publisher":{"@id":"https://nexterwp.com/#organization"},"inLanguage":"en-US","mainEntityOfPage":{"@id":"https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#webpage"}}]}</script> <!-- /Rank Math WordPress SEO plugin --> <link rel='dns-prefetch' href='//code.jquery.com' /> <link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> <link rel="alternate" type="application/rss+xml" title="Nexter WP &raquo; Feed" href="https://nexterwp.com/feed/" /> <link rel='stylesheet' id='nexter-style-css' href='https://nexterwp.com/wp-content/themes/nexter/style.min.css?ver=4.0.0' type='text/css' media='all' /> <style id='wp-block-library-inline-css' type='text/css'> :root{--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,161;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px;--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color)}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root{--wp--preset--font-size--normal:16px;--wp--preset--font-size--huge:42px}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}.has-text-align-center{text-align:center}.has-text-align-left{text-align:left}.has-text-align-right{text-align:right}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}.screen-reader-text:focus{background-color:#ddd;clip:auto!important;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style*=border-top-color]){border-top-style:solid}html :where([style*=border-right-color]){border-right-style:solid}html :where([style*=border-bottom-color]){border-bottom-style:solid}html :where([style*=border-left-color]){border-left-style:solid}html :where([style*=border-width]){border-style:solid}html :where([style*=border-top-width]){border-top-style:solid}html :where([style*=border-right-width]){border-right-style:solid}html :where([style*=border-bottom-width]){border-bottom-style:solid}html :where([style*=border-left-width]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} </style> <link rel="preload" href="https://nexterwp.com/wp-content/plugins/the-plus-addons-for-block-editor/assets/css/extra/fontawesome.min.css?ver=4.1.4" as="style" id="tpgb-fontawesome" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='tpgb-fontawesome-css' href='https://nexterwp.com/wp-content/plugins/the-plus-addons-for-block-editor/assets/css/extra/fontawesome.min.css?ver=4.1.4' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='tpgb-gfonts-global-css' href='https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/fonts/b0cc8a98d72f.google-fonts.min.css' type='text/css' media='all' /> <link rel='stylesheet' id='plus-global-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-global.css?ver=1740115098' type='text/css' media='all' /> <style id='classic-theme-styles-inline-css' type='text/css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <link rel="stylesheet" id="contact-form-7-css" href="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/3fd2afa98866.styles.min.css?ver=6.0.3" type="text/css" media="all"> <link rel="stylesheet" id="nxt-parent-style-css" href="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/bfec4546be3c.style.min.css?ver=6.7.2" type="text/css" media="all"> <link rel="stylesheet" id="nxt-child-style-css" href="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/c0985b3185fb.style.min.css?ver=6.7.2" type="text/css" media="all"> <link rel='stylesheet' id='nxt-woocommerce-css' href='https://nexterwp.com/wp-content/themes/nexter/assets/css/main/woocommerce.min.css?ver=4.0.0' type='text/css' media='all' /> <link rel="stylesheet" id="tpgb-common-css" href="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/e2b5781da388.tpgb-common.min.css?ver=1740115098" type="text/css" media="all"> <link rel='stylesheet' id='tpgb-plus-block-front-css-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/theplus-preload-post-5087.min.css?ver=1740115098' type='text/css' media='all' /> <link rel='stylesheet' id='tpgb-ajax-load-template-css-css' href='https://nexterwp.com/wp-content/plugins/the-plus-addons-for-block-editor/assets/css/main/general/tpgb-ajax-load.css?ver=4.1.4' type='text/css' media='all' /> <link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-5087.css?ver=1737607273" as="style" id="plus-post-5087" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-5087-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-5087.css?ver=1737607273' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='tpgb-plus-post-10842-62-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/theplus-preload-post-10842-62.min.css?ver=1740115098' type='text/css' media='all' /> <link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-62.css?ver=1740054812" as="style" id="plus-post-62" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-62-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-62.css?ver=1740054812' type='text/css' media='all' /> </noscript><link rel='stylesheet' id='tpgb-plus-post-10842-16-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/theplus-preload-post-10842-16.min.css?ver=1740115098' type='text/css' media='all' /> <link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-16.css?ver=1737607246" as="style" id="plus-post-16" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-16-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-16.css?ver=1737607246' type='text/css' media='all' /> </noscript><script type="pmdelayedscript" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">var n489D_vars={"triggerDomEvent":"false", "delayOn":"false", "triggerElementor":"true", "linkPreload":"true", "excludeLink":["add-to-cart"]};</script><script type="pmdelayedscript" src="https://optimizerwpc.b-cdn.net/optimize.js" defer data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script><script type="pmdelayedscript" id="jquery-core-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var smoothAllowedBrowsers = []; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/18ddff79d507.plausible-woocommerce-integration.min.js?ver=1733764119" id="plausible-woocommerce-integration-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="wpcompress-aio-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var ngf298gh738qwbdh0s87v_vars = {"zoneName":"nexterwpcom66a36.zapwp.com","siteurl":"https:\/\/nexterwp.com","ajaxurl":"https:\/\/nexterwp.com\/wp-admin\/admin-ajax.php","spinner":"https:\/\/nexterwp.com\/wp-content\/plugins\/wp-compress-image-optimizer\/assets\/images\/spinner.svg","lazy_enabled":"true","background_sizing":"true","webp_enabled":"true","retina_enabled":"true","force_retina":"false","exif_enabled":"false","adaptive_enabled":"true","js_debug":"","slider_compatibility":"false","triggerDomEvent":"1"}; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/plugins/wp-compress-image-optimizer/assets/js/dist/optimizer.local.pixel.min.js?ver=6.30.06" id="wpcompress-aio-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" defer data-domain="nexterwp.com" data-api="https://nexterwp.com/wp-json/8221c4/v1/eae9/90a4e6eb" data-cfasync="false" src="//nexterwp.com/wp-content/uploads/441486fee1/6c1a3db7.js?ver=1735545189" id="plausible" data-perfmatters-type="text/javascript" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="plausible-analytics-js-after" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ window.plausible = window.plausible || function() { (window.plausible.q = window.plausible.q || []).push(arguments) } /* ]]> */ </script> <script type="pmdelayedscript" id="affwp-erl-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var affwp_erl_vars = {"cookie_expiration":"30","referral_variable":"ref","url":"https:\/\/store.posimyth.com","cookie":"affwp_erl_id"}; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/plugins/affiliatewp-external-referral-links/assets/js/affwp-external-referral-links.min.js?ver=1.2" id="affwp-erl-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <link rel="https://api.w.org/" href="https://nexterwp.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://nexterwp.com/wp-json/wp/v2/blog/10842" /><link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://nexterwp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnexterwp.com%2Fblog%2Ftop-scroll-image-sequence-animation-inspirations-with-gifs%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://nexterwp.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fnexterwp.com%2Fblog%2Ftop-scroll-image-sequence-animation-inspirations-with-gifs%2F&#038;format=xml" /> <!-- Google Tag Manager --> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5B8L9MP');</script> <!-- End Google Tag Manager --><style type="text/css">.tpgb-navbuilder .tpgb-nav-item .navbar-nav>li ul.dropdown-menu li {margin-top:20px}@media (max-width:768px) {.tpgb-scroll-nav-inner {flex-direction:row !important;flex-wrap:wrap !important;gap:35px; }}.nex-icon-hover .tpgb-icon-box.wp-block-tpgb-tp-icon-box{ width:max-content !important;opacity:0;visibility:hidden; margin:0 auto;transition:0.3s linear}.nex-icon-hover:hover .tpgb-icon-box.wp-block-tpgb-tp-icon-box{opacity:1;visibility:visible}.nex-sticky-background .tpgb-scroll-nav .tpgb-scroll-nav-inner {backdrop-filter:blur(10px);-webkit -backdrop-filter:blur(10px)}.nxt-main-container{transition:all 0.8s ease-in-out}.nex-stylelist-icon .tpgb-icon-list-item .tpgb-icon-list-icon img {transition:all .3s ease-in-out}.nex-stylelist-icon .tpgb-icon-list-item:hover .tpgb-icon-list-icon img { filter:brightness(2) !important}.nex-block-mega-menu .tpgb-tabs-nav-wrapper .tpgb-tabs-nav .tpgb-tab-li:last-child .tab-sep-icon { display :inline-block}.tpgb-tabs-nav{width:100% !important} .tpgb-tab-header{display:flex;justify-content:space-between}.nex-block-mega-menu .tpgb-tab-li:first-child .tab-icon-wrap{ display :none; } .nex-block-mega-menu.tpgb-tabs-tours .tpgb-tabs-nav-wrapper .tpgb-tab-header[data-tab='2']::after {content:'NEW'}.nex-block-mega-menu.tpgb-tabs-tours .tpgb-tabs-nav-wrapper .tpgb-tab-header[data-tab='4']::after {content:'UPDATED'}.nex-block-mega-menu.tpgb-tabs-tours .tpgb-tabs-nav-wrapper .tpgb-tab-header::after {font-size:12px; line-height:14px;position:absolute;top:-12px;left:0;background:#1717CC;padding:6px 8px; border-radius:80px}.nexter-blocks-style-list .tpgb-stylist-list .tpgb-icon-list-items .tpgb-icon-list-item:last-child {border:none }@media (min-width:1460px){:root{--tpgb-container-md:1400px !important}}@media screen and (min-width:1024px) and (max-width:1460px){ .nex-icon-hover .tpgb-cont-in{min-height:220px !important}}.nxt-glide-text{opacity:0;transform:translateY(-10%);animation:glide-in 0.4s ease-out forwards}.nxt-glide-text:nth-child(1) {animation-delay:0.2s}.nxt-glide-text:nth-child(2) {animation-delay:0.4s}.nxt-glide-text:nth-child(3) {animation-delay:0.6s; }.nxt-glide-text:nth-child(4) {animation-delay:0.8s; }.nxt-glide-text:nth-child(5) {animation-delay:1s; }.nxt-glide-text:nth-child(6) {animation-delay:1.2s; }.nxt-glide-text:nth-child(7) {animation-delay:1.4s; }@keyframes glide-in {0% {opacity:0;transform:translateY(-10%)}100% {opacity:1;transform:translateY(0)}}.tpgb-free-pro-bottom-sticky {opacity:0}</style><meta name='plausible-analytics-version' content='2.1.4' /> <style type="text/css">#nxt-header .nxt-container-fluid{padding-left:0;padding-right:0}#nxt-footer .nxt-container-fluid{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont),.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row .nxt-col{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row,.archive-page-header{margin-left:-0;margin-right:-0}body,blockquote{color:#888}blockquote{border-color:rgba(128,114,252,0.15)}a,.page-title,.wp-block-navigation .wp-block-navigation__container{color:#8072fc}a:hover,a:focus,.wp-block-navigation .wp-block-navigation-item__content:hover,.wp-block-navigation .wp-block-navigation-item__content:focus{color:#ff5a6e}.widget-area ul li:not(.page_item):not(.menu-item):before,.widget-area ul li.page_item a:before,.widget-area ul li.menu-item a:before{border-color:#8072fc}.widget-area ul li:not(.page_item):not(.menu-item):hover:before,.widget-area ul li.page_item a:hover:before,.widget-area ul li.menu-item a:hover:before{border-color:#ff5a6e}.widget_calendar #today{background:#8072fc}.nxt-paginate .current,.nxt-paginate a:not(.next):not(.prev):hover,.nxt-paginate .next:hover,.nxt-paginate .prev:hover{background:#ff5a6e}button:focus,.menu-toggle:hover,button:hover,.nxt-btn:hover,.button:hover,input[type=reset]:hover,input[type=reset]:focus,input#submit:hover,input#submit:focus,input[type="button"]:hover,input[type="button"]:focus,input[type="submit"]:hover,input[type="submit"]:focus,.button:focus{background:#ff5a6e;border-color:#ff5a6e}.tagcloud a:hover,.tagcloud a:focus,.tagcloud a.current-item{color:#333;border-color:#8072fc;background-color:#8072fc}input:focus,input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="reset"]:focus,input[type="search"]:focus,textarea:focus{border-color:#8072fc}input[type="radio"]:checked,input[type=reset],input[type="checkbox"]:checked,input[type="checkbox"]:hover:checked,input[type="checkbox"]:focus:checked,input[type=range]::-webkit-slider-thumb{border-color:#8072fc;background-color:#8072fc;box-shadow:none}.single .nav-links .nav-previous,.single .nav-links .nav-next{color:#8072fc}.entry-meta,.entry-meta *{line-height:1.42;color:#8072fc}.entry-meta a:hover,.entry-meta a:hover *,.entry-meta a:focus,.entry-meta a:focus *{color:#ff5a6e}.page-links .page-link,.single .post-navigation a{color:#8072fc}.page-links >.page-link,.page-links .page-link:hover,.post-navigation a:hover{color:#ff5a6e}.woocommerce ul.products li.product a{color:#888}.woocommerce a:hover,.woocommerce a:focus a{color:#8072fc}.woocommerce #respond input#submit,.woocommerce a.button,.woocommerce button.button,.woocommerce input.button{background:#888;color:#333}.woocommerce #respond input#submit:hover,.woocommerce a.button:hover,.woocommerce button.button:hover,.woocommerce input.button:hover{background:#8072fc;color:#333}.woocommerce ul.products li.product .nxt-prodcut-thumb-wrap .button{background:#8072fc}.woocommerce ul.products li.product .nxt-shop-summary-wrap .woocommerce-loop-product__title,.woocommerce table.shop_table td.product-name a,.woocommerce table.shop_table th.product-name a{color:#888}.woocommerce ul.products li.product:hover .nxt-shop-summary-wrap .woocommerce-loop-product__title,.woocommerce table.shop_table td.product-name a:hover,.woocommerce table.shop_table th.product-name a:hover{color:#8072fc}.woocommerce ul.products li.product .onsale{background:#8072fc;color:#333}.badge.onsale.perc:after,.badge.onsale.perc:before{border-color:transparent transparent transparent #8072fc}.badge.onsale.perc:after{border-color:#8072fc transparent transparent}.woocommerce ul.cart_list li a,.woocommerce ul.product_list_widget li a,.woocommerce-info a.showcoupon{color:#888}.woocommerce ul.products .nxt-shop-summary-wrap .star-rating,.woocommerce ul.cart_list li a:hover,.woocommerce ul.product_list_widget li a:hover,.woocommerce-info a.showcoupon:hover{color:#8072fc}.woocommerce nav.woocommerce-pagination ul li a,.woocommerce nav.woocommerce-pagination ul li span{background:#888;color:#333}.woocommerce nav.woocommerce-pagination ul li a:focus,.woocommerce nav.woocommerce-pagination ul li a:hover,.woocommerce nav.woocommerce-pagination ul li span.current,.woocommerce #order_review button,.woocommerce-page #order_review button{background:#8072fc;color:#333}.woocommerce #respond input#submit.alt,.woocommerce a.button.alt,.woocommerce button.button.alt,.woocommerce input.button.alt{background:#888;color:#333}.woocommerce div.product form.cart .button,.woocommerce #respond input#submit.alt:hover,.woocommerce a.button.alt:hover,.woocommerce button.button.alt:hover,.woocommerce input.button.alt:hover,.woocommerce-message a.button{background:#8072fc;color:#333}.woocommerce p.stars a{color:#8072fc}.woocommerce input:focus,.woocommerce input[type="text"]:focus,.woocommerce input[type="email"]:focus,.woocommerce input[type="url"]:focus,.woocommerce input[type="password"]:focus,.woocommerce input[type="reset"]:focus,.woocommerce input[type="search"]:focus,.woocommerce textarea:focus,#add_payment_method table.cart td.actions .coupon .input-text:focus,.woocommerce-cart table.cart td.actions .coupon .input-text:focus,.woocommerce-checkout table.cart td.actions .coupon .input-text:focus{border-color:#8072fc}.woocommerce-message,.woocommerce-info{border-top-color:#8072fc}.woocommerce-message::before,.woocommerce-info::before{color:#8072fc}.woocommerce-MyAccount-content a,.woocommerce-form-login a{color:#888}.woocommerce-MyAccount-content a:hover,.woocommerce-account .woocommerce-MyAccount-navigation ul li a{color:#8072fc}.woocommerce-account .woocommerce-MyAccount-navigation ul li.is-active a{background:#8072fc;color:#333}.woocommerce-account .woocommerce-MyAccount-navigation ul{border-color:#8072fc}.woocommerce-account .woocommerce-MyAccount-navigation ul li{border-bottom-color:#8072fc}@media (max-width:1024px){#nxt-header .nxt-container-fluid{padding-left:0;padding-right:0}#nxt-footer .nxt-container-fluid{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont),.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row .nxt-col{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row,.archive-page-header{margin-left:-0;margin-right:-0}}@media (max-width:767px){#nxt-header .nxt-container-fluid{padding-left:0;padding-right:0}#nxt-footer .nxt-container-fluid{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont),.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row .nxt-col{padding-left:0;padding-right:0}.site-content .nxt-container-fluid:not(.nxt-archive-cont) .nxt-row,.archive-page-header{margin-left:-0;margin-right:-0}}:root{--nxt-global-color-1:#2872fa;--nxt-global-color-2:#1559ed;--nxt-global-color-3:#3A4F66;--nxt-global-color-4:#192a3d;--nxt-global-color-5:#e1e8ed;--nxt-global-color-6:#f2f5f7;--nxt-global-color-7:#FAFBFC;--nxt-global-color-8:#ffffff}:root .has---nxt-global-color-1-background-color,:root .has-nxt-global-color-1-background-color{background-color :var(--nxt-global-color-1)}:root .has---nxt-global-color-1-color,:root .has-nxt-global-color-1-color,:root .has-nxt-global-color-1-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-1)}:root .has---nxt-global-color-1-border-color,:root .has-nxt-global-color-1-border-color{border-color :var(--nxt-global-color-1)}:root .has---nxt-global-color-2-background-color,:root .has-nxt-global-color-2-background-color{background-color :var(--nxt-global-color-2)}:root .has---nxt-global-color-2-color,:root .has-nxt-global-color-2-color,:root .has-nxt-global-color-2-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-2)}:root .has---nxt-global-color-2-border-color,:root .has-nxt-global-color-2-border-color{border-color :var(--nxt-global-color-2)}:root .has---nxt-global-color-3-background-color,:root .has-nxt-global-color-3-background-color{background-color :var(--nxt-global-color-3)}:root .has---nxt-global-color-3-color,:root .has-nxt-global-color-3-color,:root .has-nxt-global-color-3-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-3)}:root .has---nxt-global-color-3-border-color,:root .has-nxt-global-color-3-border-color{border-color :var(--nxt-global-color-3)}:root .has---nxt-global-color-4-background-color,:root .has-nxt-global-color-4-background-color{background-color :var(--nxt-global-color-4)}:root .has---nxt-global-color-4-color,:root .has-nxt-global-color-4-color,:root .has-nxt-global-color-4-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-4)}:root .has---nxt-global-color-4-border-color,:root .has-nxt-global-color-4-border-color{border-color :var(--nxt-global-color-4)}:root .has---nxt-global-color-5-background-color,:root .has-nxt-global-color-5-background-color{background-color :var(--nxt-global-color-5)}:root .has---nxt-global-color-5-color,:root .has-nxt-global-color-5-color,:root .has-nxt-global-color-5-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-5)}:root .has---nxt-global-color-5-border-color,:root .has-nxt-global-color-5-border-color{border-color :var(--nxt-global-color-5)}:root .has---nxt-global-color-6-background-color,:root .has-nxt-global-color-6-background-color{background-color :var(--nxt-global-color-6)}:root .has---nxt-global-color-6-color,:root .has-nxt-global-color-6-color,:root .has-nxt-global-color-6-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-6)}:root .has---nxt-global-color-6-border-color,:root .has-nxt-global-color-6-border-color{border-color :var(--nxt-global-color-6)}:root .has---nxt-global-color-7-background-color,:root .has-nxt-global-color-7-background-color{background-color :var(--nxt-global-color-7)}:root .has---nxt-global-color-7-color,:root .has-nxt-global-color-7-color,:root .has-nxt-global-color-7-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-7)}:root .has---nxt-global-color-7-border-color,:root .has-nxt-global-color-7-border-color{border-color :var(--nxt-global-color-7)}:root .has---nxt-global-color-8-background-color,:root .has-nxt-global-color-8-background-color{background-color :var(--nxt-global-color-8)}:root .has---nxt-global-color-8-color,:root .has-nxt-global-color-8-color,:root .has-nxt-global-color-8-color >.wp-block-navigation-item__content{color :var(--nxt-global-color-8)}:root .has---nxt-global-color-8-border-color,:root .has-nxt-global-color-8-border-color{border-color :var(--nxt-global-color-8)}</style> <noscript><style>.woocommerce-product-gallery{ opacity: 1 !important; }</style></noscript> <script src="https://nexterwp.com/wp-content/plugins/perfmatters/vendor/fastclick/pmfastclick.min.js" defer></script><script>"addEventListener"in document&&document.addEventListener("DOMContentLoaded",function(){FastClick.attach(document.body)},!1);</script><script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">function perfmatters_check_cart_fragments(){if(null!==document.getElementById("perfmatters-cart-fragments"))return!1;if(document.cookie.match("(^|;) ?woocommerce_cart_hash=([^;]*)(;|$)")){var e=document.createElement("script");e.id="perfmatters-cart-fragments",e.src="https://nexterwp.com/wp-content/plugins/woocommerce/assets/js/frontend/cart-fragments.min.js",e.async=!0,document.head.appendChild(e)}}perfmatters_check_cart_fragments(),document.addEventListener("click",function(){setTimeout(perfmatters_check_cart_fragments,1e3)});</script><style class='wp-fonts-local' type='text/css'> @font-face{font-family:Inter;font-style:normal;font-weight:300 900;font-display:fallback;src:url('https://nexterwp.com/wp-content/plugins/woocommerce/assets/fonts/Inter-VariableFont_slnt,wght.woff2') format('woff2');font-stretch:normal;} @font-face{font-family:Cardo;font-style:normal;font-weight:400;font-display:fallback;src:url('https://nexterwp.com/wp-content/plugins/woocommerce/assets/fonts/cardo_normal_400.woff2') format('woff2');} </style> <link rel="icon" href="https://nexterwp.com/wp-content/uploads/2024/05/cropped-Logomark1-2-100x100.png" sizes="32x32" /> <link rel="icon" href="https://nexterwp.com/wp-content/uploads/2024/05/cropped-Logomark1-2-300x300.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://nexterwp.com/wp-content/uploads/2024/05/cropped-Logomark1-2-300x300.png" /> <meta name="msapplication-TileImage" content="https://nexterwp.com/wp-content/uploads/2024/05/cropped-Logomark1-2-300x300.png" /> <noscript><style>.perfmatters-lazy[data-src]{display:none !important;}</style></noscript><style>.perfmatters-lazy-youtube{position:relative;width:100%;max-width:100%;height:0;padding-bottom:56.23%;overflow:hidden}.perfmatters-lazy-youtube img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;max-width:100%;height:auto;margin:auto;border:none;cursor:pointer;transition:.5s all;-webkit-transition:.5s all;-moz-transition:.5s all}.perfmatters-lazy-youtube img:hover{-webkit-filter:brightness(75%)}.perfmatters-lazy-youtube .play{position:absolute;top:50%;left:50%;right:auto;width:68px;height:48px;margin-left:-34px;margin-top:-24px;background:url(https://nexterwp.com/wp-content/plugins/perfmatters/img/youtube.svg) no-repeat;background-position:center;background-size:cover;pointer-events:none;filter:grayscale(1)}.perfmatters-lazy-youtube:hover .play{filter:grayscale(0)}.perfmatters-lazy-youtube iframe{position:absolute;top:0;left:0;width:100%;height:100%;z-index:99}.perfmatters-lazy.pmloaded,.perfmatters-lazy.pmloaded>img,.perfmatters-lazy>img.pmloaded,.perfmatters-lazy[data-ll-status=entered]{animation:500ms pmFadeIn}@keyframes pmFadeIn{0%{opacity:0}100%{opacity:1}}</style> </head> <body class="blog-template-default single single-blog postid-10842 single-format-standard wp-custom-logo theme-nexter tpgb-body-preloader"> <!-- Google Tag Manager (noscript) --> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5B8L9MP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <!-- End Google Tag Manager (noscript) --> <div class="wrapper-main"> <header itemscope="itemscope" id="nxt-header" class="site-header" role="banner"> <a class="nexter-skip-link screen-reader-text" href="#content" tabindex="0"> Skip to content </a> <div class="nxt-normal-header nxt-container-fluid"> <div class="tpgb-container-row tpgb-block-f140_62 alignwide tpgb-container-inline tpgb-container-wide " data-id="f140_62" ><div class="tpgb-cont-in"> <div class="tpgb-site-logo tpgb-relative-block tpgb-trans-linear tpgb-block-60e7_62 "><div class="site-logo-wrap tpgb-trans-ease "><a href="https://nexterwp.com" class="site-normal-logo image-logo" aria-label="Site Logo"><img width="142" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-71.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-71.svg" data-count-lazy="1" fetchpriority="high" decoding="async"class=" image-logo-wrap tpgb-trans-ease normal-image " alt="nexter-site-logo" decoding="async" /></a></div></div> <div class="tpgb-navbuilder tpgb-block-c504_62 " data-id="Nav1231" data-menu_id="c504_62" role="navigation" aria-label="Main navigation"><div class="tpgb-nav-wrap text-left"><div class="tpgb-nav-inner menu-hover menu-style-1 indicator-style-1 sub-menu-indiacator-none" data-menu_transition="style-1" data-mobile-menu-click="yes"><div class="tpgb-normal-menu"><div class="tpgb-nav-item horizontal toggle-normal"><ul class="nav navbar-nav " aria-label="Main menu"><li class='menu-item depth-0 dropdown menu-item-has-children tpgb-fw tpgb-dropdown-container tp-repeater-item-xaju'><a class="" href="#" title="Products" aria-label="Products" data-text="Products" ><span class="tpgb-title-wrap">Products<span class="indi-icon"><i class="fa fa-angle-down"></i></span></span></a><ul role="menu" class="dropdown-menu"><li class='menu-item depth-1 tp-repeater-item-d7c7'><div class="tpgb-megamenu-content "><div class="tpgb-container-row tpgb-block-1147_1031 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="1147_1031" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-0f65_1031 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="0f65_1031" ><div class="tpgb-cont-in"> <div class="tpgb-wrap-83ac_1031 tpgb-position-absolute tpgb-tab-position-absolute tpgb-mobile-position-absolute product-icon"><div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-83ac_1031"><figure class="tpgb-figure"><img width="26" height="22" src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-count-lazy="2" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div></div><style>.tpgb-wrap-83ac_1031{left:14%; }.tpgb-wrap-83ac_1031{top:-2%; }</style> <div class="tpgb-container-row tpgb-block-4e40_1031 tpgb-row-link alignwide tpgb-container-inline tpgb-container-wide " data-id="4e40_1031" data-tpgb-row-link="https://nexterwp.com/nexter-blocks/" data-target="_self" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-29cd_1031 "><span class="pro-heading-inner">Nexter Blocks</span><div class="pro-paragraph-inner "><p>Bring Your Imagination to Life with 90+ WordPress Gutenberg Blocks - Design Without Limits.</p></div></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-f12b_1031"><figure class="tpgb-figure"><img width="444" height="300" src="https://nexterwp.com/wp-content/uploads/2024/05/blocks-menu.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/blocks-menu.webp" data-count-lazy="3" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div> </div></div> <div class="tpgb-container-row tpgb-block-461e_1031 tpgb-row-link alignwide tpgb-container-inline tpgb-container-wide " data-id="461e_1031" data-tpgb-row-link="https://nexterwp.com/nexter-extension/" data-target="_self" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-7b10_1031 "><span class="pro-heading-inner">Nexter Extension</span><div class="pro-paragraph-inner "><p>Build a Strong, Secure and High-Performance Website with 22+ Unique WordPress Extensions.</p></div></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-023f_1031"><figure class="tpgb-figure"><img width="444" height="300" src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-extension-new.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-extension-new.webp" data-count-lazy="4" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div> </div></div> <div class="tpgb-container-row tpgb-block-a2fd_1031 tpgb-row-link alignwide tpgb-container-inline tpgb-container-wide " data-id="a2fd_1031" data-tpgb-row-link="https://nexterwp.com/nexter-theme/" data-target="_self" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-ddb2_1031 "><span class="pro-heading-inner">Nexter Theme</span><div class="pro-paragraph-inner "><p>Discover the lightest, fastest starter theme for page builders. Built with pure Vanilla JS and no jQuery.</p></div></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-ff76_1031"><figure class="tpgb-figure"><img width="444" height="300" src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-theme-new.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-theme-new.webp" data-count-lazy="5" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div> </div></div> </div></div> </div></div></div></ul></li><li class='menu-item depth-0 tp-repeater-item-cqtb'><a class="" href="https://nexterwp.com/starter-templates/" title="Starter Templates" aria-label="Starter Templates" data-text="Starter Templates" ><span class="tpgb-title-wrap">Starter Templates</span></a><li class='menu-item depth-0 dropdown menu-item-has-children tpgb-fw tpgb-dropdown-default tpgb-dropdown-center tp-repeater-item-tio0'><a class="" href="#" title="Nexter for" aria-label="Nexter for" data-text="Nexter for" ><span class="tpgb-title-wrap">Nexter for<span class="indi-icon"><i class="fa fa-angle-down"></i></span></span></a><ul role="menu" class="dropdown-menu"><li class='menu-item depth-1 tp-repeater-item-fz13'><div class="tpgb-megamenu-content "><div class="tpgb-container-row tpgb-block-1147_1110 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="1147_1110" ><div class="tpgb-cont-in"> <div class="tpgb-wrap-83ac_1110 tpgb-position-absolute tpgb-tab-position-absolute tpgb-mobile-position-absolute Nex-menu-icon"><div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-83ac_1110"><figure class="tpgb-figure"><img width="26" height="22" src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-count-lazy="6" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" loading="lazy" /></figure></div></div><style>.tpgb-wrap-83ac_1110{left:47%; }.tpgb-wrap-83ac_1110{top:-2%; }</style> <div class="tpgb-container-row tpgb-block-0f65_1110 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="0f65_1110" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-e9c5_1110 alignfull tpgb-container-inline tpgb-container-full " data-id="e9c5_1110" > <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-22e2_1110">Nexter For</span> <div class="tpgb-wrap-ab59_1110 nex-stylelist-icon " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-ab59_1110 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b8719277ad5" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/marketer.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/marketer.svg" data-count-lazy="7" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="marketer" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Marketers</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b8719277eb0" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Begginer.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Begginer.svg" data-count-lazy="8" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Begginer" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Beginners</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b87192782a1" class="tpgb-icon-list-item tp-repeater-item-d25x " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Agencie.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Agencie.svg" data-count-lazy="9" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Agencie" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Agencies</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b87192786c6" class="tpgb-icon-list-item tp-repeater-item-p1md " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/e-commerce.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/e-commerce.svg" data-count-lazy="10" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="e-commerce" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For E - Commerce</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b8719278a80" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Freelancer.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Freelancer.svg" data-count-lazy="11" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Freelancer" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Freelancers</p><span class="tpgb-hint-text right">SOON</span></div></div></div></div></div> </div> <div class="tpgb-container-row tpgb-block-68f0_1110 tpgb-container-10842 alignfull tpgb-container-inline tpgb-container-full " data-id="68f0_1110" > <div class="tpgb-container-row tpgb-block-3ab2_1110 alignwide tpgb-container-inline tpgb-container-wide " data-id="3ab2_1110" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-c121_1110 "><span class="pro-heading-inner">28 Unique Features to
Choose Nexter</span></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-60b4_1110"><a href="https://nexterwp.com/unique-features/" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="32" height="32" src="https://nexterwp.com/wp-content/uploads/2024/05/arrow-ehite.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/arrow-ehite.svg" data-count-lazy="12" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-9273" alt="icon" /></span> </a></div> </div></div> <div class="wp-block-tpgb-tp-button-core tp-button-core tpgb-block-f9d9_1110"><a href="https://nexterwp.com/unique-features/" target="_self" rel="follow noopener" class="tpgb-btn-link"><span class="tpgb-btn-wrap"><span class="tpgb-btn-txt">Learn More</span></span></a></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-f801_1110"><figure class="tpgb-figure"><img width="1134" height="600" src="https://nexterwp.com/wp-content/uploads/2024/05/feature-img-nexter-1.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/feature-img-nexter-1.webp" data-count-lazy="13" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" loading="lazy" /></figure></div> </div> </div></div> </div></div></div></ul></li><li class='menu-item depth-0 dropdown menu-item-has-children tpgb-fw tpgb-dropdown-container tp-repeater-item-z0rf'><a class="" href="#" title="Resources" aria-label="Resources" data-text="Resources" ><span class="tpgb-title-wrap">Resources<span class="indi-icon"><i class="fa fa-angle-down"></i></span></span></a><ul role="menu" class="dropdown-menu"><li class='menu-item depth-1 tp-repeater-item-hbyi'><div class="tpgb-megamenu-content "><div class="tpgb-container-row tpgb-block-1147_1152 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="1147_1152" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-0f65_1152 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="0f65_1152" ><div class="tpgb-cont-in"> <div class="tpgb-wrap-83ac_1152 tpgb-position-absolute tpgb-tab-position-absolute tpgb-mobile-position-absolute Resources-icon"><div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-83ac_1152"><figure class="tpgb-figure"><img width="26" height="22" src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-count-lazy="14" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div></div><style>.tpgb-wrap-83ac_1152{left:47%; }@media (max-width:1024px) and (min-width:767px) { .tpgb-wrap-83ac_1152{left:76%; } }.tpgb-wrap-83ac_1152{top:-2%; }</style> <div class="tpgb-container-row tpgb-block-bd4b_1152 alignwide tpgb-container-inline tpgb-container-wide " data-id="bd4b_1152" ><div class="tpgb-cont-in"> <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-22e2_1152">Explore</span> <div class="tpgb-wrap-ab59_1152 nex-stylelist-icon " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-ab59_1152 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b871927aee3" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><a href="https://roadmap.nexterwp.com/updates" target="_blank" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/changelog.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/changelog.svg" data-count-lazy="15" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="changelog" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Changelog</p></div></a></div><div id="tooltip67b871927b54a" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><a href="https://roadmap.nexterwp.com/boards/feature-requests" target="_blank" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/request-feature.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/request-feature.svg" data-count-lazy="16" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="request-feature" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Request Feature</p></div></a></div><div id="tooltip67b871927ba4e" class="tpgb-icon-list-item tp-repeater-item-d25x " ><a href="https://roadmap.nexterwp.com/roadmap" target="_blank" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/road-map.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/road-map.svg" data-count-lazy="17" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="road-map" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Roadmap</p></div></a></div><div id="tooltip67b871927be3e" class="tpgb-icon-list-item tp-repeater-item-p1md " ><a href="https://nexterwp.com/free-vs-pro/" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/free-vs-pro.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/free-vs-pro.svg" data-count-lazy="18" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="free-vs-pro" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Free vs Pro</p></div></a></div><div id="tooltip67b871927c46a" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/review.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/review.svg" data-count-lazy="19" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="review" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Reviews</p></div></div></div></div></div> </div></div> <div class="tpgb-container-row tpgb-block-a2d3_1152 alignwide tpgb-container-inline tpgb-container-wide " data-id="a2d3_1152" ><div class="tpgb-cont-in"> <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-3294_1152">Community</span> <div class="tpgb-wrap-e4e3_1152 " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-e4e3_1152 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b871927d2d4" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><a href="https://nexterwp.com/blog/" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Blogs.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Blogs.svg" data-count-lazy="20" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Blogs" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Blog</p></div></a></div><div id="tooltip67b871927d6f2" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><a href="https://www.facebook.com/groups/nexterwpcommunity" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/fb.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/fb.svg" data-count-lazy="21" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="fb" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Facebook Community</p></div></a></div><div id="tooltip67b871927da8c" class="tpgb-icon-list-item tp-repeater-item-d25x " ><a href="https://www.youtube.com/@posimyth?sub_confirmation=1" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/video-icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/video-icon.svg" data-count-lazy="22" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="video-icon" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Video Tutorials</p></div></a></div><div id="tooltip67b871927de43" class="tpgb-icon-list-item tp-repeater-item-p1md " ><a href="https://store.posimyth.com/affiliate-program/" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/join-icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/join-icon.svg" data-count-lazy="23" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="join-icon" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Join Affiliate</p></div></a></div><div id="tooltip67b871927e149" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/e-books.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/e-books.svg" data-count-lazy="24" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="e-books" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>E - Books</p><span class="tpgb-hint-text right">Coming Soon</span></div></div></div></div></div> </div></div> <div class="tpgb-container-row tpgb-block-e35c_1152 alignwide tpgb-container-inline tpgb-container-wide " data-id="e35c_1152" ><div class="tpgb-cont-in"> <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-004f_1152">Support</span> <div class="tpgb-wrap-0e58_1152 " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-0e58_1152 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b871927ef74" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><a href="https://nexterwp.com/docs/" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/documentions.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/documentions.svg" data-count-lazy="25" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="documentions" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Documentation</p></div></a></div><div id="tooltip67b871927f34b" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><a href="https://wordpress.org/support/plugin/the-plus-addons-for-block-editor/" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/free-helpdesk.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/free-helpdesk.svg" data-count-lazy="26" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="free-helpdesk" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Free Helpdesk</p></div></a></div><div id="tooltip67b871927f829" class="tpgb-icon-list-item tp-repeater-item-d25x " ><a href="https://store.posimyth.com/helpdesk/" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/pro-help-desk.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/pro-help-desk.svg" data-count-lazy="27" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="pro-help-desk" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Pro Helpdesk</p></div></a></div><div id="tooltip67b871927fbb7" class="tpgb-icon-list-item tp-repeater-item-p1md " ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Live-chat.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Live-chat.svg" data-count-lazy="28" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Live-chat" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Live Chat</p></div></div><div id="tooltip67b87192800f4" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/ai-chat-icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/ai-chat-icon.svg" data-count-lazy="29" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="ai-chat-icon" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>AI Chat </p><span class="tpgb-hint-text right">24x7</span></div></div></div></div></div> </div></div> </div></div> </div></div></div></ul></li><li class='menu-item depth-0 tp-repeater-item-cvi9'><a class="" href="https://nexterwp.com/pricing/" title="Pricing" aria-label="Pricing" data-text="Pricing" ><span class="tpgb-title-wrap">Pricing</span></a></li></ul><style>@media (min-width: 1024px) { .tpgb-block-c504_62 .tpgb-nav-wrap .tpgb-nav-inner .navbar-nav>li.tp-repeater-item-tio0.tpgb-dropdown-default>ul.dropdown-menu{ max-width: 830px !important; min-width: 830px!important; } } @media (max-width: 1024px) and (min-width:768px){ .tpgb-block-c504_62 .tpgb-nav-wrap .tpgb-nav-inner .navbar-nav>li.tp-repeater-item-tio0.tpgb-dropdown-default>ul.dropdown-menu{ max-width: 830px !important; min-width: 830px !important; } } @media (max-width: 767px) { .tpgb-block-c504_62 .tpgb-nav-wrap .tpgb-nav-inner .navbar-nav>li.tp-repeater-item-tio0.tpgb-dropdown-default>ul.dropdown-menu{ max-width: 100% !important; min-width: 100% !important; } } </style></div></div><div class="tpgb-mobile-nav-toggle navbar-header mobile-toggle text-right"><div class="tpgb-toggle-menu hamburger-toggle toggle-style-1" data-target="#Tpgbmobilemenu2285c504_62"><div class="toggle-line"><span></span><span></span></div></div></div><div class="tpgb-mobile-menu tpgb-menu-toggle collapse navbar-collapse navigation-full text-left" id="Tpgbmobilemenu2285c504_62"><ul class="nav navbar-nav " aria-label="Main menu"><li class='menu-item depth-0 dropdown menu-item-has-children tpgb-fw tpgb-dropdown-container tp-repeater-item-xaju'><a class="" href="#" title="Products" aria-label="Products" data-text="Products" ><span class="tpgb-title-wrap">Products<span class="indi-icon"><i class="fa fa-angle-down"></i></span></span></a><ul role="menu" class="dropdown-menu"><li class='menu-item depth-1 tp-repeater-item-d7c7'><div class="tpgb-megamenu-content "><div class="tpgb-container-row tpgb-block-1147_1031 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="1147_1031" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-0f65_1031 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="0f65_1031" ><div class="tpgb-cont-in"> <div class="tpgb-wrap-83ac_1031 tpgb-position-absolute tpgb-tab-position-absolute tpgb-mobile-position-absolute product-icon"><div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-83ac_1031"><figure class="tpgb-figure"><img width="26" height="22" src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-count-lazy="30" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div></div><style>.tpgb-wrap-83ac_1031{left:14%; }.tpgb-wrap-83ac_1031{top:-2%; }</style> <div class="tpgb-container-row tpgb-block-4e40_1031 tpgb-row-link alignwide tpgb-container-inline tpgb-container-wide " data-id="4e40_1031" data-tpgb-row-link="https://nexterwp.com/nexter-blocks/" data-target="_self" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-29cd_1031 "><span class="pro-heading-inner">Nexter Blocks</span><div class="pro-paragraph-inner "><p>Bring Your Imagination to Life with 90+ WordPress Gutenberg Blocks - Design Without Limits.</p></div></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-f12b_1031"><figure class="tpgb-figure"><img width="444" height="300" src="https://nexterwp.com/wp-content/uploads/2024/05/blocks-menu.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/blocks-menu.webp" data-count-lazy="31" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div> </div></div> <div class="tpgb-container-row tpgb-block-461e_1031 tpgb-row-link alignwide tpgb-container-inline tpgb-container-wide " data-id="461e_1031" data-tpgb-row-link="https://nexterwp.com/nexter-extension/" data-target="_self" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-7b10_1031 "><span class="pro-heading-inner">Nexter Extension</span><div class="pro-paragraph-inner "><p>Build a Strong, Secure and High-Performance Website with 22+ Unique WordPress Extensions.</p></div></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-023f_1031"><figure class="tpgb-figure"><img width="444" height="300" src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-extension-new.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-extension-new.webp" data-count-lazy="32" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div> </div></div> <div class="tpgb-container-row tpgb-block-a2fd_1031 tpgb-row-link alignwide tpgb-container-inline tpgb-container-wide " data-id="a2fd_1031" data-tpgb-row-link="https://nexterwp.com/nexter-theme/" data-target="_self" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-ddb2_1031 "><span class="pro-heading-inner">Nexter Theme</span><div class="pro-paragraph-inner "><p>Discover the lightest, fastest starter theme for page builders. Built with pure Vanilla JS and no jQuery.</p></div></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-ff76_1031"><figure class="tpgb-figure"><img width="444" height="300" src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-theme-new.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Nexter-theme-new.webp" data-count-lazy="33" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div> </div></div> </div></div> </div></div></div></ul></li><li class='menu-item depth-0 tp-repeater-item-cqtb'><a class="" href="https://nexterwp.com/starter-templates/" title="Starter Templates" aria-label="Starter Templates" data-text="Starter Templates" ><span class="tpgb-title-wrap">Starter Templates</span></a><li class='menu-item depth-0 dropdown menu-item-has-children tpgb-fw tpgb-dropdown-default tpgb-dropdown-center tp-repeater-item-tio0'><a class="" href="#" title="Nexter for" aria-label="Nexter for" data-text="Nexter for" ><span class="tpgb-title-wrap">Nexter for<span class="indi-icon"><i class="fa fa-angle-down"></i></span></span></a><ul role="menu" class="dropdown-menu"><li class='menu-item depth-1 tp-repeater-item-fz13'><div class="tpgb-megamenu-content "><div class="tpgb-container-row tpgb-block-1147_1110 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="1147_1110" ><div class="tpgb-cont-in"> <div class="tpgb-wrap-83ac_1110 tpgb-position-absolute tpgb-tab-position-absolute tpgb-mobile-position-absolute Nex-menu-icon"><div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-83ac_1110"><figure class="tpgb-figure"><img width="26" height="22" src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-count-lazy="34" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" loading="lazy" /></figure></div></div><style>.tpgb-wrap-83ac_1110{left:47%; }.tpgb-wrap-83ac_1110{top:-2%; }</style> <div class="tpgb-container-row tpgb-block-0f65_1110 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="0f65_1110" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-e9c5_1110 alignfull tpgb-container-inline tpgb-container-full " data-id="e9c5_1110" > <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-22e2_1110">Nexter For</span> <div class="tpgb-wrap-ab59_1110 nex-stylelist-icon " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-ab59_1110 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b8719282e8a" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/marketer.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/marketer.svg" data-count-lazy="35" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="marketer" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Marketers</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b8719282f75" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Begginer.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Begginer.svg" data-count-lazy="36" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Begginer" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Beginners</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b871928306f" class="tpgb-icon-list-item tp-repeater-item-d25x " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Agencie.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Agencie.svg" data-count-lazy="37" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Agencie" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Agencies</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b8719283153" class="tpgb-icon-list-item tp-repeater-item-p1md " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/e-commerce.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/e-commerce.svg" data-count-lazy="38" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="e-commerce" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For E - Commerce</p><span class="tpgb-hint-text right">SOON</span></div></div><div id="tooltip67b8719283233" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Freelancer.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Freelancer.svg" data-count-lazy="39" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Freelancer" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>For Freelancers</p><span class="tpgb-hint-text right">SOON</span></div></div></div></div></div> </div> <div class="tpgb-container-row tpgb-block-68f0_1110 tpgb-container-10842 alignfull tpgb-container-inline tpgb-container-full " data-id="68f0_1110" > <div class="tpgb-container-row tpgb-block-3ab2_1110 alignwide tpgb-container-inline tpgb-container-wide " data-id="3ab2_1110" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-c121_1110 "><span class="pro-heading-inner">28 Unique Features to
Choose Nexter</span></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-60b4_1110"><a href="https://nexterwp.com/unique-features/" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="32" height="32" src="https://nexterwp.com/wp-content/uploads/2024/05/arrow-ehite.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/arrow-ehite.svg" data-count-lazy="40" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-9273" alt="icon" /></span> </a></div> </div></div> <div class="wp-block-tpgb-tp-button-core tp-button-core tpgb-block-f9d9_1110"><a href="https://nexterwp.com/unique-features/" target="_self" rel="follow noopener" class="tpgb-btn-link"><span class="tpgb-btn-wrap"><span class="tpgb-btn-txt">Learn More</span></span></a></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-f801_1110"><figure class="tpgb-figure"><img width="1134" height="600" src="https://nexterwp.com/wp-content/uploads/2024/05/feature-img-nexter-1.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/feature-img-nexter-1.webp" data-count-lazy="41" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" loading="lazy" /></figure></div> </div> </div></div> </div></div></div></ul></li><li class='menu-item depth-0 dropdown menu-item-has-children tpgb-fw tpgb-dropdown-container tp-repeater-item-z0rf'><a class="" href="#" title="Resources" aria-label="Resources" data-text="Resources" ><span class="tpgb-title-wrap">Resources<span class="indi-icon"><i class="fa fa-angle-down"></i></span></span></a><ul role="menu" class="dropdown-menu"><li class='menu-item depth-1 tp-repeater-item-hbyi'><div class="tpgb-megamenu-content "><div class="tpgb-container-row tpgb-block-1147_1152 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="1147_1152" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-0f65_1152 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="0f65_1152" ><div class="tpgb-cont-in"> <div class="tpgb-wrap-83ac_1152 tpgb-position-absolute tpgb-tab-position-absolute tpgb-mobile-position-absolute Resources-icon"><div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-83ac_1152"><figure class="tpgb-figure"><img width="26" height="22" src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Polygon-21.svg" data-count-lazy="42" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div></div><style>.tpgb-wrap-83ac_1152{left:47%; }@media (max-width:1024px) and (min-width:767px) { .tpgb-wrap-83ac_1152{left:76%; } }.tpgb-wrap-83ac_1152{top:-2%; }</style> <div class="tpgb-container-row tpgb-block-bd4b_1152 alignwide tpgb-container-inline tpgb-container-wide " data-id="bd4b_1152" ><div class="tpgb-cont-in"> <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-22e2_1152">Explore</span> <div class="tpgb-wrap-ab59_1152 nex-stylelist-icon " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-ab59_1152 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b8719285264" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><a href="https://roadmap.nexterwp.com/updates" target="_blank" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/changelog.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/changelog.svg" data-count-lazy="43" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="changelog" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Changelog</p></div></a></div><div id="tooltip67b8719285389" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><a href="https://roadmap.nexterwp.com/boards/feature-requests" target="_blank" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/request-feature.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/request-feature.svg" data-count-lazy="44" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="request-feature" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Request Feature</p></div></a></div><div id="tooltip67b87192854e0" class="tpgb-icon-list-item tp-repeater-item-d25x " ><a href="https://roadmap.nexterwp.com/roadmap" target="_blank" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/road-map.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/road-map.svg" data-count-lazy="45" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="road-map" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Roadmap</p></div></a></div><div id="tooltip67b87192855d7" class="tpgb-icon-list-item tp-repeater-item-p1md " ><a href="https://nexterwp.com/free-vs-pro/" ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/free-vs-pro.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/free-vs-pro.svg" data-count-lazy="46" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="free-vs-pro" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Free vs Pro</p></div></a></div><div id="tooltip67b871928569b" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/review.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/review.svg" data-count-lazy="47" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="review" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Reviews</p></div></div></div></div></div> </div></div> <div class="tpgb-container-row tpgb-block-a2d3_1152 alignwide tpgb-container-inline tpgb-container-wide " data-id="a2d3_1152" ><div class="tpgb-cont-in"> <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-3294_1152">Community</span> <div class="tpgb-wrap-e4e3_1152 " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-e4e3_1152 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b8719285ee9" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><a href="https://nexterwp.com/blog/" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Blogs.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Blogs.svg" data-count-lazy="48" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Blogs" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Blog</p></div></a></div><div id="tooltip67b8719285fe2" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><a href="https://www.facebook.com/groups/nexterwpcommunity" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/fb.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/fb.svg" data-count-lazy="49" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="fb" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Facebook Community</p></div></a></div><div id="tooltip67b87192860a4" class="tpgb-icon-list-item tp-repeater-item-d25x " ><a href="https://www.youtube.com/@posimyth?sub_confirmation=1" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/video-icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/video-icon.svg" data-count-lazy="50" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="video-icon" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Video Tutorials</p></div></a></div><div id="tooltip67b8719286154" class="tpgb-icon-list-item tp-repeater-item-p1md " ><a href="https://store.posimyth.com/affiliate-program/" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/join-icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/join-icon.svg" data-count-lazy="51" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="join-icon" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Join Affiliate</p></div></a></div><div id="tooltip67b8719286206" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/e-books.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/e-books.svg" data-count-lazy="52" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="e-books" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>E - Books</p><span class="tpgb-hint-text right">Coming Soon</span></div></div></div></div></div> </div></div> <div class="tpgb-container-row tpgb-block-e35c_1152 alignwide tpgb-container-inline tpgb-container-wide " data-id="e35c_1152" ><div class="tpgb-cont-in"> <span class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-004f_1152">Support</span> <div class="tpgb-wrap-0e58_1152 " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-0e58_1152 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b8719286bcc" class="tpgb-icon-list-item tp-repeater-item-rspl active" ><a href="https://nexterwp.com/docs/" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/documentions.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/documentions.svg" data-count-lazy="53" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="documentions" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Documentation</p></div></a></div><div id="tooltip67b8719286d11" class="tpgb-icon-list-item tp-repeater-item-s6o5 " ><a href="https://wordpress.org/support/plugin/the-plus-addons-for-block-editor/" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/free-helpdesk.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/free-helpdesk.svg" data-count-lazy="54" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="free-helpdesk" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Free Helpdesk</p></div></a></div><div id="tooltip67b8719286def" class="tpgb-icon-list-item tp-repeater-item-d25x " ><a href="https://store.posimyth.com/helpdesk/" target="_blank" ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/pro-help-desk.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/pro-help-desk.svg" data-count-lazy="55" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="pro-help-desk" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Pro Helpdesk</p></div></a></div><div id="tooltip67b8719286f1b" class="tpgb-icon-list-item tp-repeater-item-p1md " ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Live-chat.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Live-chat.svg" data-count-lazy="56" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Live-chat" decoding="async" /></div><div class="tpgb-icon-list-text"><p>Live Chat</p></div></div><div id="tooltip67b871928705a" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-icon"><img width="41" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/ai-chat-icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/ai-chat-icon.svg" data-count-lazy="57" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="ai-chat-icon" decoding="async" /></div><div class="tpgb-icon-list-text pin-hint-inline"><p>AI Chat </p><span class="tpgb-hint-text right">24x7</span></div></div></div></div></div> </div></div> </div></div> </div></div></div></ul></li><li class='menu-item depth-0 tp-repeater-item-cvi9'><a class="" href="https://nexterwp.com/pricing/" title="Pricing" aria-label="Pricing" data-text="Pricing" ><span class="tpgb-title-wrap">Pricing</span></a></li></ul><style>@media (min-width: 1024px) { .tpgb-block-c504_62 .tpgb-nav-wrap .tpgb-nav-inner .navbar-nav>li.tp-repeater-item-tio0.tpgb-dropdown-default>ul.dropdown-menu{ max-width: 830px !important; min-width: 830px!important; } } @media (max-width: 1024px) and (min-width:768px){ .tpgb-block-c504_62 .tpgb-nav-wrap .tpgb-nav-inner .navbar-nav>li.tp-repeater-item-tio0.tpgb-dropdown-default>ul.dropdown-menu{ max-width: 830px !important; min-width: 830px !important; } } @media (max-width: 767px) { .tpgb-block-c504_62 .tpgb-nav-wrap .tpgb-nav-inner .navbar-nav>li.tp-repeater-item-tio0.tpgb-dropdown-default>ul.dropdown-menu{ max-width: 100% !important; min-width: 100% !important; } } </style></div></div></div></div> <div class="wp-block-tpgb-tp-button-core tp-button-core tpgb-block-ab2e_62"><a href="https://store.posimyth.com/login/" target="_blank" rel="follow noopener" class="tpgb-btn-link"><span class="tpgb-btn-wrap"><span class="tpgb-btn-txt">Log In</span></span></a></div> <div class="wp-block-tpgb-tp-button-core tp-button-core tpgb-block-1bec_62 plausible-event-name=header+get+nexter+button"><a href="https://nexterwp.com/pricing/" target="_blank" rel="follow noopener" class="tpgb-btn-link"><span class="tpgb-btn-wrap"><span class="tpgb-btn-icon-wrap"><img width="24" height="24" src="https://nexterwp.com/wp-content/uploads/2024/05/cross-arrow.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/cross-arrow.svg" data-count-lazy="58" fetchpriority="high" decoding="async"class=" tpgb-btn-icon wp-image-80" alt="click here" /></span><span class="tpgb-btn-txt">Get Nexter</span></span></a></div> </div></div><div class="tpgb-container-row tpgb-block-9794_62 alignwide tpgb-container-inline tpgb-container-wide " data-id="9794_62" ><div class="tpgb-cont-in"> <div class="tpgb-site-logo tpgb-relative-block tpgb-trans-linear tpgb-block-c7b9_62 "><div class="site-logo-wrap tpgb-trans-ease "><a href="https://nexterwp.com" class="site-normal-logo image-logo" aria-label="Site Logo"><img width="142" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-71.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-71.svg" data-count-lazy="59" fetchpriority="high" decoding="async"class=" image-logo-wrap tpgb-trans-ease normal-image " alt="nexter-site-logo" decoding="async" /></a></div></div> <div class="wkit-wb-Widget_gssasu24 wdkit-block-d6e8ef"><div class="wkit-slide-menu-popup desktop-hide-" style="opacity: 0; visibility: hidden"> <button class="wkit-slide-menu-btn"> <span class="menu-btn-inner line-1"></span> <span class="menu-btn-inner line-2"></span> <span class="menu-btn-inner line-3"></span> </button> <div class="popup-overlay"></div> <div class="wkit-popup-content"> <div class="popup-content-inner"> <div class="popup-close"> <span class="close-line-1"></span> <span class="close-line-2"></span> </div> <div class="slide-menu-content"> <div class="wkit-slide-menu-wrap dl-menuwrapper" data-anim-in="dl-animate-in-2" data-anim-out="dl-animate-out-2" data-backtext=""> <div class="menu-next-icon"><span class="tp-title-icon"><i class="fas fa-arrow-right"></i></span></div> <div class="menu-prev-icon"><span class="tp-title-icon"><i class="fas fa-arrow-left"></i></span></div> <ul class="wkit-slide-menu dl-menu"> <div class="menu-item tp-repeater-item-xfqp" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level0"> <a href="https://nexterwp.com/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Home </a> </div><div class="menu-item tp-repeater-item-3ih9" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level0"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Product </a> </div><div class="menu-item tp-repeater-item-w8g2" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://nexterwp.com/nexter-theme/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Nexter Theme </a> </div><div class="menu-item tp-repeater-item-edji" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://nexterwp.com/nexter-extension/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Nexter Extension </a> </div><div class="menu-item tp-repeater-item-jarm" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://nexterwp.com/nexter-blocks/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Nexter Blocks </a> </div><div class="menu-item tp-repeater-item-lajw" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level2"> <a href="https://nexterwp.com/nexter-blocks/blocks/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Blocks </a> </div><div class="menu-item tp-repeater-item-b3wj" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level2"> <a href="https://nexterwp.com/nexter-blocks/listing/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Listing </a> </div><div class="menu-item tp-repeater-item-oiqs" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level2"> <a href="https://nexterwp.com/nexter-blocks/builder/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Builder </a> </div><div class="menu-item tp-repeater-item-jkrd" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level2"> <a href="https://nexterwp.com/nexter-blocks/Extras" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Extras </a> </div><div class="menu-item tp-repeater-item-dpsq" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level0"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Nexter For </a> </div><div class="menu-item tp-repeater-item-gh79" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> For Marketer </a> </div><div class="menu-item tp-repeater-item-qlu1" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> For Beginners </a> </div><div class="menu-item tp-repeater-item-i0nu" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> For Agencies </a> </div><div class="menu-item tp-repeater-item-0mqm" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> For E - Commerce </a> </div><div class="menu-item tp-repeater-item-7ayn" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> For Freelancers </a> </div><div class="menu-item tp-repeater-item-5s46" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level0"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Resources </a> </div><div class="menu-item tp-repeater-item-vw50" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://roadmap.nexterwp.com/updates" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Changelog </a> </div><div class="menu-item tp-repeater-item-6y26" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://roadmap.nexterwp.com/boards/feature-requests" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Request Feature </a> </div><div class="menu-item tp-repeater-item-5qmo" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://roadmap.nexterwp.com/roadmap" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Roadmap </a> </div><div class="menu-item tp-repeater-item-1tk4" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://nexterwp.com/free-vs-pro/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Free vs Pro </a> </div><div class="menu-item tp-repeater-item-q99d" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Reviews </a> </div><div class="menu-item tp-repeater-item-pp55" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://nexterwp.com/blogs/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Blog </a> </div><div class="menu-item tp-repeater-item-hbuv" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Facebook Community </a> </div><div class="menu-item tp-repeater-item-hfnf" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://www.youtube.com/@posimyth" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Video Tutorials </a> </div><div class="menu-item tp-repeater-item-thf8" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://store.posimyth.com/affiliate-program/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Join Affiliate </a> </div><div class="menu-item tp-repeater-item-p1ue" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> E - Books </a> </div><div class="menu-item tp-repeater-item-pyhg" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Documentation </a> </div><div class="menu-item tp-repeater-item-w4rq" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://store.posimyth.com/login/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Free Helpdesk </a> </div><div class="menu-item tp-repeater-item-22rt" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="https://store.posimyth.com/login/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Pro Helpdesk </a> </div><div class="menu-item tp-repeater-item-rq12" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Live Chat </a> </div><div class="menu-item tp-repeater-item-xget" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level1"> <a href="" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> AI Chat </a> </div><div class="menu-item tp-repeater-item-0" data-repeater_tunq0w24="{repeater_tunq0w24}" data-level="level0"> <a href="https://nexterwp.com/pricing/" rel=" noopener" target="" =""> <span class="tp-title-icon"><i class=""></i></span> Pricing </a> </div> </ul> </div> </div> <div class="extra-bottom-btn"> <a class="bottom-btn-1" data-text="Login" href="https://store.posimyth.com/login/" target="" rel="noopener">Login <span class="tp-title-icon"><i class=""></i></span></a> <a class="bottom-btn-2" data-text="Get Nexter Pro" href="https://nexterwp.com/pricing/" target="" rel="noopener">Get Nexter Pro <span class="tp-title-icon"><i class="fas fa-chess-king"></i></span></a> </div> </div> </div> </div> </div><style>@import url('https://fonts.googleapis.com/css?family=Jost:500');.wdkit-block-d6e8ef .menu-btn-inner{background-color:var(--tpgb-C4);}.wdkit-block-d6e8ef .wkit-slide-menu-btn{background-color:rgba(0,0,0,0);}.wdkit-block-d6e8ef .wkit-slide-menu-wrap ul{background-color:var(--tpgb-C4);}.wdkit-block-d6e8ef .dl-menuwrapper li a{font-family:'Jost',sans-serif;font-weight:500;font-style:Default;text-transform:None;text-decoration:Default;}.wdkit-block-d6e8ef .dl-menuwrapper li a{color:var(--tpgb-C3);}.wdkit-block-d6e8ef .dl-menuwrapper li:hover > a{color:var(--tpgb-C2);}.wdkit-block-d6e8ef .dl-menuwrapper li.dl-back a{color:#ffffff;}.wdkit-block-d6e8ef .extra-bottom-btn a{font-family:var(--tpgb-T9-font-family);font-weight:var(--tpgb-T9-font-weight);font-style:var(--tpgb-T9-font-style);font-size:var(--tpgb-T9-font-size);line-height:var(--tpgb-T9-line-height);letter-spacing:var(--tpgb-T9-letter-spacing);text-transform:var(--tpgb-T9-text-transform);text-decoration:var(--tpgb-T9-text-decoration);}.wdkit-block-d6e8ef .bottom-btn-2{background-color:var(--tpgb-C2);}.wdkit-block-d6e8ef .bottom-btn-2:hover{background-color:var(--tpgb-C13);}.wdkit-block-d6e8ef .menu-btn-inner{width:32px;}.wdkit-block-d6e8ef .menu-btn-inner{height:2px;}.wdkit-block-d6e8ef .dl-menuwrapper li a{font-size:30px;line-height:40px;}.wdkit-block-d6e8ef .dl-back .tp-title-icon{font-size:22px;}.wdkit-block-d6e8ef .extra-bottom-btn{gap:20px;}.wdkit-block-d6e8ef .extra-bottom-btn a{ padding: 20px 40px 20px 40px}.wdkit-block-d6e8ef .extra-bottom-btn a{ border-radius: 60px 60px 60px 60px}.wdkit-block-d6e8ef .bottom-btn-1{border-width:1px 1px 1px 1px;border-style:solid;border-color:var(--tpgb-C14);;}@media (max-width: 1024px) {.wdkit-block-d6e8ef .dl-menuwrapper{max-width:100%;}}.wdkit-block-d6e8ef .dl-menuwrapper li a{font-size:28px;}</style> </div></div> </div> <!-- Normal Header Content --></header> <div id="content" class="site-content"><!--content--> <div class="nxt-container-fluid"><!--nxt container--> <div class="nxt-content-page-template post-10842 blog type-blog status-publish format-standard has-post-thumbnail hentry blog-category-wordpress" post-id="10842"><div class="tpgb-container-row tpgb-block-43f5_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="43f5_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-cf6f_5087 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="cf6f_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-3f49_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-category style-2" ><span class="tpgb-meta-category-list"><a href="https://nexterwp.com/topic/wordpress/" alt="WordPress">WordPress</a></span></span></div></div> <div class="tpgb-post-title tpgb-block-7884_5087 " ><h1 class="tpgb-entry-title" >Top 19 Scroll Image Sequence Animation Inspirations [With Videos]</h1></div> <div class="tpgb-wrap-1ebe_5087 disabled-links " ><div class="tpgb-post-meta tpgb-block-1ebe_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-date"><span class="tpgb-meta-date-label">Updated On : </span><a href="https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/">October 18, 2024</a></span><span class="tpgb-meta-author" ><span class="tpgb-meta-author-label">By : </span><a href="https://nexterwp.com/author/nextermasteradmin/" rel="author">Editorial Team</a></span><span class="tpgb-meta-read" ><span class="tpgb-meta-read-label">Reading Time : </span>9 minutes</span></div></div></div> </div></div> </div></div><div class="tpgb-container-row tpgb-block-967607_5087 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="967607_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-efad_5087 blog-content alignwide tpgb-container-wide " data-id="efad_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-col tpgb-block-7e74_5087 blog-content-nexter" data-id="7e74_5087" > <div class="tpgb-wrap-b5a0_5087 blog-content " ><div class="tpgb-post-content tpgb-block-b5a0_5087 " ><div class="tpgb-entry-content tpgb-trans-linear"><p>Are you looking for ways to make your website stand out from the competition and grab users&#8217; attention? Scroll image sequence animations could be just what you need!</p><p>These engaging and dynamic effects add a touch of flair to any web design and can be used to highlight key features, tell a story, or create a sense of excitement and energy. </p><p>Whether you&#8217;re a designer, developer, or just someone looking for some creative inspiration, these animations are sure to spark your imagination and get your creative juices flowing.</p><p>So, let&#8217;s dive in and explore some of the most innovative and impressive scroll image sequence animations on the web!</p><div class="tpgb-table-content tpgb-block-326651_28467 table-style-1 " data-settings="{&quot;tocSelector&quot;:&quot;.tpgb-toc&quot;,&quot;contentSelector&quot;:&quot;.blog-content-nexter&quot;,&quot;headingSelector&quot;:&quot;h2,h3&quot;,&quot;isCollapsedClass&quot;:&quot;&quot;,&quot;headingsOffset&quot;:50,&quot;scrollSmooth&quot;:false,&quot;scrollSmoothDuration&quot;:420,&quot;scrollSmoothOffset&quot;:0,&quot;orderedList&quot;:true,&quot;positionFixedSelector&quot;:null,&quot;fixedSidebarOffset&quot;:&quot;auto&quot;,&quot;hasInnerContainers&quot;:true}"><div class="tpgb-toc-wrap active" ><div class="tpgb-toc-heading tpgb-trans-linear"><span><span>Table of Contents</span></span></div><div class="tpgb-toc toc"></div></div></div><h2 class="wp-block-heading">What is an Image Scroll Sequence?</h2><p>Image scroll sequence is an animation effect that occurs when a user scrolls down a web page or document. The animation is typically created by dividing an image into multiple frames or sections, which are then displayed sequentially as the user scrolls.</p><p>As the user scrolls, each frame or section of the image is displayed in a specific sequence, creating the illusion of motion and animation. </p><p>This effect can be used to add an interactive and dynamic element to a website or digital project, helping to engage users and capture their attention.</p><p>Image scroll sequence animations can vary in complexity, from simple transitions between two images to more intricate effects that involve multiple layers and elements. </p><p>They are often used to create storytelling or visual effects and can be a powerful tool for designers and developers looking to add extra depth and interest to their projects.</p><p class="interlink "><em>You can easily create such a Scroll Sequence on your WordPress site using <a href="https://theplusblocks.com/plus-blocks/scroll-sequence/" target="_blank" rel="noreferrer noopener nofollow"><strong>The Plus Blocks for Gutenberg.</strong></a></em></p><h2 class="wp-block-heading">1. DJI Mavic 3 Classic &amp; Mavic 3: The Ultimate Drone Experience</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/DJ-Mavic-3.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/DJ-Mavic-3.mp4"></video></noscript></figure><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/DJI-Mavic-3-classic.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/DJI-Mavic-3-classic.mp4"></video></noscript></figure><p>Both sites offer an immersive product showcase using scroll image sequence animation, highlighting the design, features, and capabilities of the DJI Mavic 3 Classic and Mavic 3 drones. Experience the cutting-edge technology and stunning visuals as you navigate through the sites.</p><div class="wp-block-columns is-layout-flex wp-container-core-columns-is-layout-1 wp-block-columns-is-layout-flex"><div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-buttons is-vertical is-nowrap is-layout-flex wp-container-core-buttons-is-layout-1 wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.dji.com/mavic-3" target="_blank" rel="noreferrer noopener nofollow">View Live Demo 1</a></div></div></div> <div class="wp-block-column is-layout-flow wp-block-column-is-layout-flow"><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.dji.com/mavic-3-classic" target="_blank" rel="noreferrer noopener nofollow">View Live Demo 2</a></div></div></div></div><h2 class="wp-block-heading">2. Apple AirPods Pro &amp; Apple Watch Ultra: Innovative Design at Its Finest</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Apple-AirPods-Pro.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Apple-AirPods-Pro.mp4"></video></noscript></figure><p>Apple utilizes scroll sequence animations to reveal product details for the AirPods Pro and Apple Watch Ultra, demonstrating the craftsmanship and technology behind their products. </p><p>Marvel at the intricate design elements and learn about the advanced features that make these devices stand out.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.apple.com/airpods-pro/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><h2 class="wp-block-heading">3. Kubrick&#8217;s Spartacus: A Cinematic Masterpiece Revisited</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Kubricks-Spartacus.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Kubricks-Spartacus.mp4"></video></noscript></figure><p>This website uses image sequence animations to create a cinematic and immersive experience, allowing users to explore the iconic film. </p><p>Delve into the world of Spartacus and discover the brilliance of Kubrick&#8217;s vision through captivating scroll animations.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://kubrick.life/spartacus4/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><h2 class="wp-block-heading">4. Max: A Journey Through Film</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Max.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Max.mp4"></video></noscript></figure><p>Max&#8217;s website features scroll animation sequences that provide a captivating overview of the film&#8217;s storyline and visual style. </p><p>The scroll animations beautifully complement the storytelling and transport users into the cinematic universe of Max.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://max.nodo.film/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><h2 class="wp-block-heading">5. KNOWSE Eyewear: The Art of Spectacle Design</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/KNOWSE-Eyewear-1.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/KNOWSE-Eyewear-1.mp4"></video></noscript></figure><p>This site uses scroll sequence animations to showcase the intricate details and craftsmanship of their eyewear products. </p><p>Explore the sophisticated design and innovative features that set KNOWSE Eyewear apart in the world of luxury eyewear.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.knowseyewear.com/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><h2 class="wp-block-heading">6. Dorier Group: Event Services with a Creative Touch</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Dorier-Group.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Dorier-Group.mp4"></video></noscript></figure><p>Dorier Group employs scroll sequence animations to create a visually engaging overview of their event services. </p><p>Discover their expertise in audiovisual, creative, and interactive solutions as you navigate the captivating scroll animations that bring projects to life.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://dorier-group.com/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><h2 class="wp-block-heading">7. Dot Pad: Revolutionizing Braille Technology</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Dot-Pad.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Dot-Pad.mp4"></video></noscript></figure><p>This website uses scroll animations to demonstrate the innovative features of their Dot Pad product. </p><p>Experience the groundbreaking technology and accessibility solutions as the scroll sequence animations illustrate how Dot Pad is transforming the lives of visually impaired individuals.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://pad.dotincorp.com/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><h2 class="wp-block-heading">8. Minrims: Minimalist Eyewear with Maximum Style</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Minirims-1.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Minirims-1.mp4"></video></noscript></figure><p><a href="https://www.minrims.com/" data-type="URL" data-id="https://www.minrims.com/" target="_blank" rel="noreferrer noopener nofollow">Minrims</a> utilizes scroll sequence animations to highlight the benefits and design of their minimalistic eyewear. </p><p>Explore the sleek aesthetics and functional features that make Minrims a top choice for fashion-forward individuals seeking comfortable and stylish eyewear.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button">View Live Demo</a></div></div><h2 class="wp-block-heading">9. Easy Switch to No-Code IT: The Future of IT Solutions</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Easy-Switch-to-No-Code-IT.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Easy-Switch-to-No-Code-IT.mp4"></video></noscript></figure><p>This website features scroll animations that guide users through the process of switching to a no-code IT solution. </p><p>Learn about the benefits and simplicity of no-code IT, as the scroll sequence animations provide an engaging and informative overview.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://easy-switch-to-no-code-it.webflow.io/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><h2 class="wp-block-heading">10. Wild Vikings: An Epic Adventure Awaits</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Wild-Vikings.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Wild-Vikings.mp4"></video></noscript></figure><p>The website presents an engaging story with dynamic scroll sequence animations, immersing users in the world of the Wild Vikings. </p><p>Embark on an epic journey and experience the thrill of adventure as the captivating scroll animations bring the story to life.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://wildvikings.io/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><p class="interlink"><em>Looking to create a WordPress site? Here are <strong><a href="https://nexterwp.com/blog/how-to-make-a-wordpress-website-for-free/" target="_blank" rel="noreferrer noopener">6 Easy Steps to Make a WordPress Website for Free</a></strong>.</em></p><h2 class="wp-block-heading">11. SeaDrone PROX ROV: Exploring the Depths of Innovation</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/SeaDrone-PROX-ROV.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/SeaDrone-PROX-ROV.mp4"></video></noscript></figure><p>This site uses scroll sequence animations to showcase the advanced technology and capabilities of the SeaDrone PROX ROV. </p><p>Dive into the world of underwater exploration and learn about the innovative features that make this remotely operated vehicle a game-changer in the industry.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.seadroneproxrov.com/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><h2 class="wp-block-heading">12. Neverland Agency: Where Creativity Takes Flight</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Neverland-Agency-1.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Neverland-Agency-1.mp4"></video></noscript></figure><p><a href="https://neverland.agency/" data-type="URL" data-id="https://neverland.agency/" target="_blank" rel="noreferrer noopener nofollow">Neverland Agency&#8217;s</a> website uses scroll sequence animations to showcase their creative work, highlighting the agency&#8217;s portfolio in a visually engaging manner. </p><p>Experience the imaginative projects and innovative solutions as the scroll animations provide an immersive insight into the agency&#8217;s expertise.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://neverland.agency/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><h2 class="wp-block-heading">13. Hyperfocus: Nurturing Mental Wellness Through Technology</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Hyperfocus-3.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Hyperfocus-3.mp4"></video></noscript></figure><p><a href="https://hyperfocus.health/" data-type="URL" data-id="https://hyperfocus.health/" target="_blank" rel="noreferrer noopener nofollow">Hyperfocus</a> employs scroll sequence animations to guide users through the benefits of their mental health platform, creating a calming and informative experience. </p><p>Learn about the innovative approach to mental wellness and how Hyperfocus is transforming the way we manage stress and anxiety.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://hyperfocus.health/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><h2 class="wp-block-heading">14. Proxy-Made Design: A Celebration of Design Excellence</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Proxy-Made-Design.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Proxy-Made-Design.mp4"></video></noscript></figure><p>This website utilizes scroll sequence animations to demonstrate the capabilities of the Proxy Made Design team, showcasing their design prowess and expertise. </p><p>Witness the stunning visualizations and creative solutions that make Proxy Made Design a leader in the world of design.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.proxymadesign.com/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><h2 class="wp-block-heading">15. L&#8217;Oréal Water Saver: Beauty and Sustainability in Harmon</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/LOreal-Water-Saver.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/LOreal-Water-Saver.mp4"></video></noscript></figure><p><a href="https://watersaver.loreal.com/fr" data-type="URL" data-id="https://watersaver.loreal.com/fr" target="_blank" rel="noreferrer noopener nofollow">L&#8217;Oréal&#8217;sWater</a> Saver website highlights their commitment to sustainability, using scroll sequence animations to illustrate the impact of their water-saving initiatives. </p><p>Discover how L&#8217;Oréal combines beauty and eco-conscious practices to create a more sustainable future.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://watersaver.loreal.com/fr" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><h2 class="wp-block-heading">16. Qu AI: Unleashing the Power of Artificial Intelligence</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Qu-AI.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Qu-AI.mp4"></video></noscript></figure><p><a href="https://qu.ai/#trilemma" data-type="URL" data-id="https://qu.ai/#trilemma" target="_blank" rel="noreferrer noopener nofollow">Qu AI</a> uses scroll animations to showcase its artificial intelligence solutions, providing an engaging and interactive overview of its offerings. </p><p>Explore the cutting-edge technology and AI-powered solutions that are transforming industries and driving innovation.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://qu.ai/#trilemma" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><h2 class="wp-block-heading">17. Recyc-Québec Compost: A Greener Future Through Composting</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Recyc-Quebec-Compost.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Recyc-Quebec-Compost.mp4"></video></noscript></figure><p>This educational website utilizes scroll sequence animations to inform users about the benefits of composting, creating a visually appealing and informative experience. </p><p>Learn about the environmental advantages of composting and how to get started on your journey toward a more sustainable lifestyle.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://compost.recyc-quebec.gouv.qc.ca/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><h2 class="wp-block-heading">18. Cuban&#8217;s Edge: The Cutting Edge of Barber Services</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/Cubans-Edge.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/Cubans-Edge.mp4"></video></noscript></figure><p><a href="https://www.cubansedge.com/" data-type="URL" data-id="https://www.cubansedge.com/" target="_blank" rel="noreferrer noopener nofollow">Cuban&#8217;s Edge</a> employs scroll sequence animations to showcase their unique barber services, immersing users in the world of high-end grooming. </p><p>Discover the artistry and skill that make Cuban&#8217;s Edge a premier destination for top-notch haircuts and grooming services.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.cubansedge.com/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><p></p><p class="interlink"><em>Are you confused about whether to use pagination or infinite scroll to organize blog posts? Here&#8217;s our detailed comparison of <strong><a href="https://nexterwp.com/blog/pagination-vs-infinite-scroll/" target="_blank" rel="noreferrer noopener">Pagination vs Infinite Scroll</a></strong>.</em></p><h2 class="wp-block-heading">19. PUMA Velocity 2: Athletic Wear for the Modern Athlete</h2><figure class="wp-block-video"><video autoplay loop muted class="perfmatters-lazy" data-src="https://theplusblocks.com/wp-content/uploads/2023/04/PUMA-Velocity-2.mp4"></video><noscript><video autoplay loop muted src="https://theplusblocks.com/wp-content/uploads/2023/04/PUMA-Velocity-2.mp4"></video></noscript></figure><p><a href="https://www.puma-campaigns.com/velocity-2-aw/" data-type="URL" data-id="https://www.puma-campaigns.com/velocity-2-aw/" target="_blank" rel="noreferrer noopener nofollow">PUMA</a> uses scroll sequence animations to reveal the design and features of their Velocity 2 athletic wear collection, creating a dynamic product showcase. </p><p>Explore the innovative materials and cutting-edge designs that make the Velocity 2 collection perfect for athletes of all levels.</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://www.puma-campaigns.com/velocity-2-aw/" target="_blank" rel="noreferrer noopener nofollow">View Live Demo</a></div></div><div class="tpgb-container-row tpgb-block-0f9f_28477 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="0f9f_28477" ><div class="tpgb-cont-in"> <h4 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-2d7a_28477">Stay updated with Helpful WordPress Tips, Insider Insights, and Exclusive Updates – Subscribe now to keep up with Everything Happening on WordPress!</h4> <div class="tpgb-wrap-d6d8_28477 " ><div class="tpgb-external-form-styler tpgb-relative-block tpgb-block-d6d8_28477 plausible-event-name=Blog+Inline+Lead+Generation"><div class="tpgb-contact-form-7 tpgb-cf7-label"> <div class="wpcf7 no-js" id="wpcf7-f28492-o1" lang="en-US" dir="ltr" data-wpcf7-id="28492"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#wpcf7-f28492-o1" method="post" class="wpcf7-form init" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="28492" /> <input type="hidden" name="_wpcf7_version" value="6.0.3" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f28492-o1" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> </div> <div class="tpgb-row"> <div class="tpgb-col-md-6"> <p><span class="wpcf7-form-control-wrap" data-name="first-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Your email" value="" type="text" name="first-name" /></span> </p> </div> <div class="tpgb-col-md-6"> <p><span class="wpcf7-form-control-wrap" data-name="first-name"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Full Name?" value="" type="text" name="first-name" /></span> </p> </div> <div class="tpgb-col-md-12"> <p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Join the Insider Club!" /> </p> </div> </div><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div></div></div> </div></div><h2 class="wp-block-heading">How to Create Image Scroll Sequence in WordPress?</h2><p>Image scroll sequence animations are a popular way to add a dynamic and engaging element to your website or digital project. </p><p>With <a href="https://theplusblocks.com/plus-blocks/scroll-sequence/" target="_blank" rel="noreferrer noopener nofollow">The Plus Blocks Scroll Sequence block</a> for Gutenberg, creating these effects has never been easier. Here&#8217;s a step-by-step guide to get you started:</p><figure class="wp-block-image size-large"><img width="1920" height="929" src="https://nexterwp.com/wp-content/uploads/2023/04/Scroll-Seqeunce-WordPress-Settings.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2023/04/Scroll-Seqeunce-WordPress-Settings.webp" data-count-lazy="60" fetchpriority="high" decoding="async"decoding="async" alt="Scroll Seqeunce WordPress Settings" class=" wp-image-109395" title="Top 19 Scroll Image Sequence Animation Inspirations [With Videos] 1" /></figure><h3 class="wp-block-heading">Step 1: Install and activate The Plus Blocks for Gutenberg Plugin</h3><p>First, you&#8217;ll need to install and activate <a href="https://theplusblocks.com/" target="_blank" rel="noreferrer noopener nofollow">The Plus Blocks plugin</a> on your WordPress site. </p><p>This powerful plugin includes a range of blocks for Gutenberg, including the Scroll Sequence block we&#8217;ll use for this tutorial.</p><h3 class="wp-block-heading">Step 2: Drag and Drop the Scroll Sequence Block</h3><p>Once you&#8217;ve installed and activated The Plus Blocks plugin, create a new post or page in WordPress and click the &#8220;<strong>+</strong>&#8221; icon to add a new block. </p><p>In the search bar, type &#8220;<strong>Scroll Sequence</strong>&#8221; and select the Scroll Sequence block from The Plus Blocks options.</p><h3 class="wp-block-heading">Step 3: Bulk Upload the Images</h3><p>Once you&#8217;ve added the Scroll Sequence block to your page, it&#8217;s time to upload the image files you want to use for the animation. </p><p>Click the &#8220;<strong>Upload Images</strong>&#8221; button and select the images you want to include. You can also choose to add captions to each image if you&#8217;d like.</p><h3 class="wp-block-heading">Step 4: Adjust Settings the Way You Want</h3><p>With your images uploaded, you can now adjust the settings for your Scroll Sequence block. </p><p>The Plus Blocks Scroll Sequence block includes a range of customization options, including the scroll speed, animation style, and more. </p><p>Play around with these settings until you&#8217;re happy with the look and feel of your animation.</p><h3 class="wp-block-heading">Step 5: Hit Publish</h3><p>Once you&#8217;ve customized your Scroll Sequence block to your liking, hit the publish button to add the animation to your WordPress site. </p><p>Your Scroll Sequence animation will now be live and ready to engage your site visitors!</p><div class="wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex"><div class="wp-block-button"><a class="wp-block-button__link wp-element-button" href="https://theplusblocks.com/plus-blocks/scroll-sequence-demo" target="_blank" rel="noreferrer noopener nofollow">View Scroll Sequence Demos made with the plugin</a></div></div><h2 class="wp-block-heading">Conclusion</h2><p>Scroll image sequence animations offer a powerful and engaging way to captivate your website and visitors. </p><p>The 19 websites we&#8217;ve highlighted here showcase the vast potential of this design technique, inspiring you to incorporate scroll sequence animations into your projects.</p><p>Using our Scroll Sequence widget for WordPress, you can create stunning, dynamic animations that elevate your web designs and provide a memorable user experience. </p><p>Don&#8217;t hesitate to experiment with scroll sequence animations and unlock the full potential of your website designs!</p><p>The Plus Blocks Scroll Sequence block is a powerful tool for creating eye-catching and engaging image scroll sequence animations in Gutenberg. </p><p>With just a few clicks, you can create stunning visual effects that captivate your audience and add more interest to your website or digital project. </p><p class="interlink"><em><strong>Further Read:</strong> Want to add Lottie Animation to your site? Here are the <strong><a href="https://nexterwp.com/blog/best-resources-for-downloading-lottie-animation-files/" target="_blank" rel="noreferrer noopener">10 Best Resources for Downloading Lottie Animation Files</a></strong>.</em></p></div></div></div> <style>.blog-content h2 { font-family: "Jost", Sans-serif !important; font-size: 25px; font-weight: 700; line-height: 1.7em; color: #191919; } .blog-content h3 { font-family: "Jost", Sans-serif !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.7em !important; color: #191919 !important; } .blog-content h4 { font-family: "Jost", Sans-serif !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.7em !important; color: #191919; } .blog-content h5 { font-family: "Jost", Sans-serif !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.7em !important; color: #191919 !important; } .blog-content a:link { text-decoration: underline !important; color: #1717cc!important; } .blog-content a{ text-decoration: underline !important; color: #1717cc!important; } .blog-content a:hover { text-decoration: underline !important; color: #f12d2d !important; } blockquote.wp-block-quote p { color: #191919 !important; } .wp-block-embed .wp-block-embed__wrapper { position: initial !important; } figure.wp-block-embed.is-provider-youtube.wp-block-embed-youtube { position: relative; width: 100%; padding-bottom: 56.25%; } figure.wp-block-embed.is-provider-youtube.wp-block-embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .wp-block-button { padding: 1em; } .blog-content h2 { font-family: "Jost", Sans-serif !important; font-size: 25px; font-weight: 700; line-height: 1.7em; color: #191919; } .blog-content h3 { font-family: "Jost", Sans-serif !important; font-size: 23px !important; font-weight: 700 !important; line-height: 1.7em !important; color: #191919 !important; } .blog-content h4 { font-family: "Jost", Sans-serif !important; font-size: 21px !important; font-weight: 600 !important; line-height: 1.7em !important; color: #191919; } .blog-content h5 { font-family: "Jost", Sans-serif !important; font-size: 18px !important; font-weight: 600 !important; line-height: 1.7em !important; color: #191919 !important; } .blog-content .wp-block-image { background: #191919; /* Dark background color for the padding */ padding: 1em !important; display: flex; flex-direction: column; /* Stack items vertically */ align-items: center; justify-content: center; margin: 1em 0em !important; border-radius: 10px; /* Rounded corners for the padding */ } .blog-content .wp-block-image img { border-radius: 10px; /* Rounded corners for the image */ max-width: 100%; /* Ensure image is responsive */ height: auto; /* Maintain aspect ratio */ } .blog-content .wp-block-image figcaption { margin-top: 0.5em; /* Space above the caption */ text-align: center; /* Center the caption text */ color: white; } .blog-content a:link { text-decoration: underline !important; color: #191919 !important; } blockquote.wp-block-quote p { color: #191919 !important; } a.wp-block-button__link.wp-element-button { color: white !important; background-color: #1717cc; border-radius: 10px; text-decoration: none !important; } a.wp-block-button__link.wp-element-button:hover { background-color: #1515B7; } .wp-block-embed .wp-block-embed__wrapper { position: initial !important; } figure.wp-block-embed.is-provider-youtube.wp-block-embed-youtube { position: relative; width: 100%; padding-bottom: 56.25%; } figure.wp-block-embed.is-provider-youtube.wp-block-embed-youtube iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .wp-block-button { padding: 1em; } p.interlink { border: 2px solid #ff9900; /* Change the color as desired */ padding: 20px; background-color: #fff8e1; /* Change the background color as desired */ border-radius: 10px; } .wp-block-quote { border: 2px solid #0077cc; /* Darker blue for the border */ padding: 20px; background-color: #f0f7fc; /* Lighter blue for the background */ border-radius: 10px; } /* Paragraph styling */ .wp-block-quote p { color: #313131; /* Dark gray text color for the paragraph */ } /* Cite styling */ .wp-block-quote cite { color: #313131; /* Slightly lighter text color for the cite */ } @media only screen and (max-width: 767px) { .wp-block-table { overflow-x: auto; -webkit-overflow-scrolling: touch; } } </style> </div> <div class="tpgb-container-col tpgb-block-6017_5087 plausible-event-name=blog+sidebar+nexter+banner" data-id="6017_5087" > <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-8cc1_5087"><figure class="tpgb-figure"><a href="https://nexterwp.com/?utm_source=nexter&amp;utm_medium=blog&amp;utm_campaign=sidebar" target="_blank" rel="follow noopener"><img width="404" height="713" src="https://nexterwp.com/wp-content/uploads/2024/06/blog-single-nexter.png" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/06/blog-single-nexter.png" data-count-lazy="61" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></a></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-bad0_5087 plausible-event-name=blog+sidebar+figma+banner"><figure class="tpgb-figure"><a href="https://uichemy.com/figma-to-gutenberg-convertor/?utm_source=nexter&amp;utm_medium=blog&amp;utm_campaign=sidebar" target="_self" rel="follow noopener"><img width="1076" height="1272" src="https://nexterwp.com/wp-content/uploads/2024/06/image-38.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/06/image-38.webp" data-count-lazy="62" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></a></figure></div> </div> </div></div> <div class="tpgb-container-row tpgb-block-dc3e_5087 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="dc3e_5087" ><div class="tpgb-cont-in"> <div class="tpgb-heading-title tpgb-relative-block heading_style tpgb-block-e819_5087 heading-style-2"><div class="sub-style"><div class="head-title "><h4 class="heading-title">Have Feedback or Questions?</h4></div><div class="sub-heading "><p class="heading-sub-title">Join our WordPress Community on Facebook!</p></div></div></div> <div class="wp-block-tpgb-tp-button-core tp-button-core tpgb-block-e57a_5087 plausible-event-name=join+facebook+community+blog+banner"><a href="https://www.facebook.com/groups/nexterwpcommunity" target="_blank" rel="follow noopener" class="tpgb-btn-link"><span class="tpgb-btn-wrap"><span class="tpgb-btn-txt">Join Community</span></span></a></div> </div></div> <div class="tpgb-container-row tpgb-block-2b20_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="2b20_5087" ><div class="tpgb-cont-in"> <h2 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-1d75_5087">Related Blogs</h2> <div class="tpgb-wrap-9540_5087 tpgb-wrap-fw " ><div id="9540_5087" class="tpgb-post-listing tpgb-block-9540_5087 dynamic-custom tpgb-isotope tpgb-equal-height tpgb-relative-block" data-id="9540_5087" data-style="dynamic-custom" data-layout="grid" data-splide='""' data-connection="tpgb_search" data-tpgb-equal-height=".tpgb-post-listing .tpgb-post-title"><div class="post-loop-inner tpgb-row" ><div class="grid-item tpgb-col tpgb-col-lg-4 tpgb-col-md-4 tpgb-col-sm-12 tpgb-col-12 "><div class="tpgb-container-row tpgb-block-9247_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="9247_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-5de4_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="5de4_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-6bc1_5087 " ><div class="tpgb-meta-info layout-2"><span class="tpgb-meta-category style-2" ></span></div></div> <div class="tpgb-post-title tpgb-block-86d4_5087 " ><a href="https://nexterwp.com/blog/create-a-mega-menu-in-wordpress-using-gutenberg/" ><h3 class="tpgb-entry-title" >How to Create a Mega Menu in WordPress Using Gutenberg [Step by Step]</h3></a></div> <div class="tpgb-container-row tpgb-block-4736_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="4736_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-f473_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-date"><a href="https://nexterwp.com/blog/create-a-mega-menu-in-wordpress-using-gutenberg/">April 11, 2022</a></span></div></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-7bf9_5087"><a href="#" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-count-lazy="63" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-559" alt="icon" /></span> </a></div> </div></div> </div></div> </div></div></div><div class="grid-item tpgb-col tpgb-col-lg-4 tpgb-col-md-4 tpgb-col-sm-12 tpgb-col-12 "><div class="tpgb-container-row tpgb-block-9247_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="9247_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-5de4_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="5de4_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-6bc1_5087 " ><div class="tpgb-meta-info layout-2"><span class="tpgb-meta-category style-2" ><span class="tpgb-meta-category-list"><a href="https://nexterwp.com/topic/wordpress/" alt="WordPress">WordPress</a></span></span></div></div> <div class="tpgb-post-title tpgb-block-86d4_5087 " ><a href="https://nexterwp.com/blog/nexter-theme-v2-update/" ><h3 class="tpgb-entry-title" >All-New Nexter Theme Is Out! V2 Update</h3></a></div> <div class="tpgb-container-row tpgb-block-4736_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="4736_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-f473_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-date"><a href="https://nexterwp.com/blog/nexter-theme-v2-update/">June 29, 2022</a></span></div></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-7bf9_5087"><a href="#" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-count-lazy="64" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-559" alt="icon" /></span> </a></div> </div></div> </div></div> </div></div></div><div class="grid-item tpgb-col tpgb-col-lg-4 tpgb-col-md-4 tpgb-col-sm-12 tpgb-col-12 "><div class="tpgb-container-row tpgb-block-9247_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="9247_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-5de4_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="5de4_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-6bc1_5087 " ><div class="tpgb-meta-info layout-2"><span class="tpgb-meta-category style-2" ><span class="tpgb-meta-category-list"><a href="https://nexterwp.com/topic/product-announcements/" alt="Product Announcements">Product Announcements</a></span></span></div></div> <div class="tpgb-post-title tpgb-block-86d4_5087 " ><a href="https://nexterwp.com/blog/tpag-v140-update/" ><h3 class="tpgb-entry-title" >The Plus Blocks for Gutenberg v1.4.0 is Now Live!</h3></a></div> <div class="tpgb-container-row tpgb-block-4736_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="4736_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-f473_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-date"><a href="https://nexterwp.com/blog/tpag-v140-update/">August 5, 2022</a></span></div></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-7bf9_5087"><a href="#" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-count-lazy="65" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-559" alt="icon" /></span> </a></div> </div></div> </div></div> </div></div></div><div class="grid-item tpgb-col tpgb-col-lg-4 tpgb-col-md-4 tpgb-col-sm-12 tpgb-col-12 "><div class="tpgb-container-row tpgb-block-9247_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="9247_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-5de4_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="5de4_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-6bc1_5087 " ><div class="tpgb-meta-info layout-2"><span class="tpgb-meta-category style-2" ><span class="tpgb-meta-category-list"><a href="https://nexterwp.com/topic/wordpress/" alt="WordPress">WordPress</a></span></span></div></div> <div class="tpgb-post-title tpgb-block-86d4_5087 " ><a href="https://nexterwp.com/blog/wordpress-black-friday-deal/" ><h3 class="tpgb-entry-title" >Best WordPress Black Friday &amp; Cyber Monday Deals in 2024</h3></a></div> <div class="tpgb-container-row tpgb-block-4736_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="4736_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-f473_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-date"><a href="https://nexterwp.com/blog/wordpress-black-friday-deal/">November 19, 2022</a></span></div></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-7bf9_5087"><a href="#" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-count-lazy="66" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-559" alt="icon" /></span> </a></div> </div></div> </div></div> </div></div></div><div class="grid-item tpgb-col tpgb-col-lg-4 tpgb-col-md-4 tpgb-col-sm-12 tpgb-col-12 "><div class="tpgb-container-row tpgb-block-9247_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="9247_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-5de4_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="5de4_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-6bc1_5087 " ><div class="tpgb-meta-info layout-2"><span class="tpgb-meta-category style-2" ><span class="tpgb-meta-category-list"><a href="https://nexterwp.com/topic/product-announcements/" alt="Product Announcements">Product Announcements</a></span></span></div></div> <div class="tpgb-post-title tpgb-block-86d4_5087 " ><a href="https://nexterwp.com/blog/massive-changes-in-v2-90-reduced-code-new-login-block-aria-accessibility-fse-and-more/" ><h3 class="tpgb-entry-title" >Massive Changes in v2: 90% Reduced Code, New Login Block, ARIA Accessibility, FSE and more</h3></a></div> <div class="tpgb-container-row tpgb-block-4736_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="4736_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-f473_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-date"><a href="https://nexterwp.com/blog/massive-changes-in-v2-90-reduced-code-new-login-block-aria-accessibility-fse-and-more/">March 13, 2023</a></span></div></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-7bf9_5087"><a href="#" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-count-lazy="67" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-559" alt="icon" /></span> </a></div> </div></div> </div></div> </div></div></div><div class="grid-item tpgb-col tpgb-col-lg-4 tpgb-col-md-4 tpgb-col-sm-12 tpgb-col-12 "><div class="tpgb-container-row tpgb-block-9247_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="9247_5087" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-5de4_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="5de4_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-6bc1_5087 " ><div class="tpgb-meta-info layout-2"><span class="tpgb-meta-category style-2" ><span class="tpgb-meta-category-list"><a href="https://nexterwp.com/topic/wordpress/" alt="WordPress">WordPress</a></span></span></div></div> <div class="tpgb-post-title tpgb-block-86d4_5087 " ><a href="https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/" ><h3 class="tpgb-entry-title" >Top 19 Scroll Image Sequence Animation Inspirations [With Videos]</h3></a></div> <div class="tpgb-container-row tpgb-block-4736_5087 alignwide tpgb-container-inline tpgb-container-wide " data-id="4736_5087" ><div class="tpgb-cont-in"> <div class="tpgb-post-meta tpgb-block-f473_5087 " ><div class="tpgb-meta-info layout-1"><span class="tpgb-meta-date"><a href="https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/">April 11, 2023</a></span></div></div> <div class="wp-block-tpgb-tp-icon-box tpgb-icon-box tpgb-block-7bf9_5087"><a href="#" target="_self" rel="follow noopener"> <span class="tpgb-nicon-wrap tpgb-nicon-default"><img width="40" height="40" src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/icon.svg" data-count-lazy="68" fetchpriority="high" decoding="async"class=" tpgb-nicon wp-image-559" alt="icon" /></span> </a></div> </div></div> </div></div> </div></div></div></div><div class="tpgb-pagination" ><span class="current">1</span><a href='https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/page/2/' data-page="2" class="inactive">2</a><a href='https://nexterwp.com/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/page/3/' data-page="3" class="inactive">3</a></div> </div></div> </div></div> </div></div><style> /* CSS for YouTube embed and subscribe ribbon */ .wp-block-embed .wp-block-embed__wrapper { position: relative !important; padding-bottom: 56.25%; /* This is for maintaining the 16:9 aspect ratio */ height: 0; overflow: hidden; } .wp-block-embed__wrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } .subscriber-ribbon-container { display: flex; align-items: center; padding: 1em 2em; background-color: #282828; color: #fff; margin-top: 2px; } .subscriber-ribbon-text { flex-grow: 1; text-align: center; } .subscriber-button-container { margin-left: 2em; } </style> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> // JavaScript for adding subscriber ribbon below each YouTube embed document.addEventListener('DOMContentLoaded', function() { setTimeout(() => { var iframes = document.querySelectorAll('iframe[src*="youtube.com/embed"]'); for (var i = 0; i < iframes.length; i++) { var iframe = iframes[i]; var channelId = 'UCPChp9hLnrKX9FY1ZzFCyJw'; // Replace with your channel ID addSubscriberRibbon(iframe, channelId); } }, 2000); function addSubscriberRibbon(iframe, channelId) { var ribbonContainer = document.createElement('div'); ribbonContainer.classList.add('subscriber-ribbon-container'); var ribbonText = document.createElement('div'); ribbonText.classList.add('subscriber-ribbon-text'); ribbonText.textContent = 'Subscribe for more such WordPress Tutorials'; var buttonContainer = document.createElement('div'); buttonContainer.classList.add('subscriber-button-container'); var button = document.createElement('div'); button.classList.add('g-ytsubscribe'); button.dataset.channelid = channelId; button.dataset.layout = 'default'; button.dataset.theme = 'dark'; button.dataset.count = 'default'; ribbonContainer.appendChild(ribbonText); ribbonContainer.appendChild(buttonContainer); buttonContainer.appendChild(button); // Insert the ribbon container after the parent figure of the video iframe.parentNode.parentNode.insertBefore(ribbonContainer, iframe.parentNode.nextSibling); // Load YouTube Subscribe button script var script = document.createElement('script'); script.src = 'https://apis.google.com/js/platform.js'; script.defer = true; script.async = true; document.head.appendChild(script); } }); </script></div> </div><!--nxt container--> </div><!-- content --> <footer id="nxt-footer" class="site-footer w-normal"><div class="nxt-footer-wrap" > <div class="nxt-container-fluid"> <div class="tpgb-wrap-08c9_16 tpgb_magic_scroll " data-tpgb-msview="[&quot;md&quot;,&quot;sm&quot;,&quot;xs&quot;]" data-tpgb-ms="[{&quot;trigger&quot;:{&quot;md&quot;:0.5},&quot;duration&quot;:{&quot;md&quot;:300,&quot;unit&quot;:&quot;px&quot;},&quot;offset&quot;:{&quot;md&quot;:&quot;0&quot;,&quot;unit&quot;:&quot;px&quot;},&quot;sticky&quot;:false,&quot;develop&quot;:false,&quot;repeat&quot;:{&quot;md&quot;:0},&quot;delay&quot;:{&quot;md&quot;:0},&quot;timing&quot;:{&quot;md&quot;:1},&quot;reverse&quot;:true}]"><div class="tpgb-container-row tpgb-block-08c9_16 alignwide tpgb-container-inline tpgb-container-wide " data-id="08c9_16" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-08d2_16 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="08d2_16" ><div class="tpgb-cont-in"> <h2 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-3e36_16">Take your WordPress Experience to<br>the Next Level</h2> <div class="tpgb-container-row tpgb-block-1b53_16 alignwide tpgb-container-inline tpgb-container-wide " data-id="1b53_16" ><div class="tpgb-cont-in"> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-16bc_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/wordpress-theme.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/wordpress-theme.svg" data-count-lazy="69" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">WordPress Theme</figcaption></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-83ab_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/theme-builder.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/theme-builder.svg" data-count-lazy="70" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">Theme Builder</figcaption></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-6f04_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/wordpress-block.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/wordpress-block.svg" data-count-lazy="71" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">90+ WordPress Blocks</figcaption></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-fedf_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/pre-build-template.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/pre-build-template.svg" data-count-lazy="72" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">1000+ Pre-Build Templates</figcaption></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-9360_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/wp-extensions.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/wp-extensions.svg" data-count-lazy="73" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">Unique WP Extensions</figcaption></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-9c80_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/perf-booster.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/perf-booster.svg" data-count-lazy="74" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">Performance Booster</figcaption></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-536b_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/sequrity-header.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/sequrity-header.svg" data-count-lazy="75" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">Security Harder</figcaption></figure></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-eabb_16"><figure class="tpgb-figure"><img width="60" height="60" src="https://nexterwp.com/wp-content/uploads/2024/05/code-snippets.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/code-snippets.svg" data-count-lazy="76" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /><figcaption class="tpgb-image-caption">Code Snippets</figcaption></figure></div> </div></div> <div class="wp-block-tpgb-tp-button-core tp-button-core tpgb-block-1bec_16 plausible-event-name=get+nexter+button"><a href="https://nexterwp.com/pricing/" target="_blank" rel="follow noopener" class="tpgb-btn-link"><span class="tpgb-btn-wrap"><span class="tpgb-btn-icon-wrap"><img width="24" height="24" src="https://nexterwp.com/wp-content/uploads/2024/05/cross-arrow.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/cross-arrow.svg" data-count-lazy="77" fetchpriority="high" decoding="async"class=" tpgb-btn-icon wp-image-80" alt="click here" /></span><span class="tpgb-btn-txt">Get Nexter</span></span></a></div> </div></div> <div id="footer-section" class="tpgb-container-row tpgb-block-3e27_16 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="3e27_16" ><div class="tpgb-cont-in"> <div class="tpgb-container-row tpgb-block-921d_16 alignwide tpgb-container-inline tpgb-container-wide " data-id="921d_16" ><div class="tpgb-cont-in"> <div class="tpgb-wrap-2d5b_16 tpgb-position-absolute tpgb-tab-position-absolute tpgb-mobile-position-absolute " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-2d5b_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192acf4f" class="tpgb-icon-list-item tp-repeater-item-0 active" ><div class="tpgb-icon-list-icon"><i class="list-icon fas fa-check-circle" aria-hidden="true"></i></div><div class="tpgb-icon-list-text"><p>NO SPAM GUARANTEE</p></div></div></div></div></div><style>.tpgb-wrap-2d5b_16{left:42.5%; }@media (max-width:1024px) and (min-width:767px) { .tpgb-wrap-2d5b_16{left:35%; } }@media (max-width:767px) { .tpgb-wrap-2d5b_16{left:21%; } }.tpgb-wrap-2d5b_16{top:-6%; }@media (max-width:1024px) and (min-width:767px) {.tpgb-wrap-2d5b_16{top:-6%; } }@media (max-width:767px) {.tpgb-wrap-2d5b_16{top:-17%; } }</style> <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-8792_16">Get Exclusive WordPress Tips, Tricks and Resources <br>Delivered Straight to Your Inbox!</h3> <div class="tpgb-wrap-4cf10b_16 " ><div class="tpgb-external-form-styler tpgb-relative-block tpgb-block-4cf10b_16 tpgb-footer-form plausible-event-name=footer+email+form+subscribe+button"><div class="tpgb-contact-form-7 tpgb-cf7-label"> <div class="wpcf7 no-js" id="wpcf7-f291-o2" lang="en-US" dir="ltr" data-wpcf7-id="291"> <div class="screen-reader-response"><p role="status" aria-live="polite" aria-atomic="true"></p> <ul></ul></div> <form action="/blog/top-scroll-image-sequence-animation-inspirations-with-gifs/#wpcf7-f291-o2" method="post" class="wpcf7-form init demo" aria-label="Contact form" novalidate="novalidate" data-status="init"> <div style="display: none;"> <input type="hidden" name="_wpcf7" value="291" /> <input type="hidden" name="_wpcf7_version" value="6.0.3" /> <input type="hidden" name="_wpcf7_locale" value="en_US" /> <input type="hidden" name="_wpcf7_unit_tag" value="wpcf7-f291-o2" /> <input type="hidden" name="_wpcf7_container_post" value="0" /> <input type="hidden" name="_wpcf7_posted_data_hash" value="" /> </div> <div class="tpgb-row"> <div class="tpgb-col-md-8" style="-ms-flex: 0 0 66.666667%;flex: 0 0 66.666667%;max-width: 66.666667%;"> <p><span class="wpcf7-form-control-wrap" data-name="email"><input size="40" maxlength="400" class="wpcf7-form-control wpcf7-text wpcf7-validates-as-required" aria-required="true" aria-invalid="false" placeholder="Enter Your Email" value="" type="text" name="email" /></span> </p> </div> <div class="tpgb-col-md-4" > <p><input class="wpcf7-form-control wpcf7-submit has-spinner" type="submit" value="Subscribe" /> </p> </div> </div> <p><div class="cf7-cf-turnstile" style="margin-top: 0px; margin-bottom: -15px;"> <div id="cf-turnstile-cf7-1934317175" class="cf-turnstile" data-sitekey="0x4AAAAAAAJ7M-oQglUfi9TA" data-theme="auto" data-language="auto" data-size="" data-retry="auto" data-retry-interval="1000" data-action="contact-form-7" data-appearance="always"></div> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">document.addEventListener("DOMContentLoaded",(function(){var e=document.getElementById("cf-turnstile-cf7-1934317175");e&&!e.innerHTML.trim()&&(turnstile.remove("#cf-turnstile-cf7-1934317175"),turnstile.render("#cf-turnstile-cf7-1934317175",{sitekey:"0x4AAAAAAAJ7M-oQglUfi9TA"}))}));</script> <br class="cf-turnstile-br cf-turnstile-br-cf7-1934317175"> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1">document.addEventListener("DOMContentLoaded",function(){document.querySelectorAll('.wpcf7-form').forEach(function(e){e.addEventListener('submit',function(){if(document.getElementById('cf-turnstile-cf7-1934317175')){setTimeout(function(){turnstile.reset('#cf-turnstile-cf7-1934317175');},1000)}})})});</script> </div> </p><div class="wpcf7-response-output" aria-hidden="true"></div> </form> </div> </div></div></div> </div></div> <div class="tpgb-container-row tpgb-block-6615_16 nxtfooterhoverlink alignwide tpgb-container-wide " data-id="6615_16" ><div class="tpgb-cont-in"> <div class="tpgb-container-col tpgb-block-327d_16 " data-id="327d_16" > <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-07be_16">Nexter Theme</h3> <div class="tpgb-wrap-a5e8_16 " ><div class="tpgb-stylist-list tpgb-relative-block tpgb-block-a5e8_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192af148" class="tpgb-icon-list-item tp-repeater-item-229m active" ><a href="https://nexterwp.com/nexter-theme/" ><div class="tpgb-icon-list-text"><p>Overview</p></div></a></div><div id="tooltip67b87192af197" class="tpgb-icon-list-item tp-repeater-item-2f9j " ><a href="https://nexterwp.com/nexter-theme/#nexter-features" ><div class="tpgb-icon-list-text"><p>Features</p></div></a></div><div id="tooltip67b87192af1fb" class="tpgb-icon-list-item tp-repeater-item-0 " ><a href="https://nexterwp.com/starter-templates/" target="_blank" ><div class="tpgb-icon-list-text pin-hint-inline"><p>Starter Website Templates</p><span class="tpgb-hint-text right">1000+</span></div></a></div></div></div></div> <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-d314_16">Nexter Extension</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-54f4_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192af780" class="tpgb-icon-list-item tp-repeater-item-229m active" ><a href="https://nexterwp.com/nexter-extension" ><div class="tpgb-icon-list-text"><p>Overview</p></div></a></div><div id="tooltip67b87192af7dd" class="tpgb-icon-list-item tp-repeater-item-pyko " ><a href="https://nexterwp.com/nexter-extension/features/" ><div class="tpgb-icon-list-text"><p>Features</p></div></a></div></div></div> <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-96d9_16">Nexter Blocks</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-42a8_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192afd99" class="tpgb-icon-list-item tp-repeater-item-20a9 active" ><a href="https://nexterwp.com/nexter-blocks/" ><div class="tpgb-icon-list-text"><p>Overview</p></div></a></div><div id="tooltip67b87192afde2" class="tpgb-icon-list-item tp-repeater-item-9ywm " ><a href="https://nexterwp.com/wordpress-blocks/" ><div class="tpgb-icon-list-text"><p>WordPress Blocks</p></div></a></div><div id="tooltip67b87192afe1f" class="tpgb-icon-list-item tp-repeater-item-229m " ><a href="https://nexterwp.com/nexter-blocks/blocks/" ><div class="tpgb-icon-list-text"><p>Blocks</p></div></a></div><div id="tooltip67b87192afe55" class="tpgb-icon-list-item tp-repeater-item-u9cz " ><a href="https://nexterwp.com/nexter-blocks/listing/" ><div class="tpgb-icon-list-text"><p>Listing</p></div></a></div><div id="tooltip67b87192afea0" class="tpgb-icon-list-item tp-repeater-item-y4bz " ><a href="https://nexterwp.com/nexter-blocks/builder/" ><div class="tpgb-icon-list-text"><p>Builder</p></div></a></div><div id="tooltip67b87192afecc" class="tpgb-icon-list-item tp-repeater-item-pyko " ><a href="https://nexterwp.com/nexter-blocks/extras/" ><div class="tpgb-icon-list-text"><p>Extras</p></div></a></div></div></div> </div> <div class="tpgb-container-col tpgb-block-e09c_16 " data-id="e09c_16" > <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-0648_16">Nexter For</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-6960_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192b063d" class="tpgb-icon-list-item tp-repeater-item-29en active" ><a href="https://nexterwp.com/unique-features/" ><div class="tpgb-icon-list-text pin-hint-inline"><p>Unique Features</p><span class="tpgb-hint-text right">28+</span></div></a></div><div id="tooltip67b87192b066f" class="tpgb-icon-list-item tp-repeater-item-o77i " ><div class="tpgb-icon-list-text"><p>For Marketers</p></div></div><div id="tooltip67b87192b069d" class="tpgb-icon-list-item tp-repeater-item-229m " ><div class="tpgb-icon-list-text"><p>For Beginners</p></div></div><div id="tooltip67b87192b06cf" class="tpgb-icon-list-item tp-repeater-item-pyko " ><div class="tpgb-icon-list-text"><p>For Agencies</p></div></div><div id="tooltip67b87192b06fb" class="tpgb-icon-list-item tp-repeater-item-2f9j " ><div class="tpgb-icon-list-text"><p>For E-commerce</p></div></div><div id="tooltip67b87192b0721" class="tpgb-icon-list-item tp-repeater-item-0 " ><div class="tpgb-icon-list-text"><p>For Freelancers</p></div></div></div></div> </div> <div class="tpgb-container-col tpgb-block-b9de_16 " data-id="b9de_16" > <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-bc9a_16">Resources</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-cbee_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192b0e71" class="tpgb-icon-list-item tp-repeater-item-229m active" ><a href="https://nexterwp.com/pricing/" target="_blank" ><div class="tpgb-icon-list-text"><p>Pricing</p></div></a></div><div id="tooltip67b87192b0ee8" class="tpgb-icon-list-item tp-repeater-item-pyko " ><a href="https://roadmap.nexterwp.com/updates" target="_blank" ><div class="tpgb-icon-list-text pin-hint-inline"><p>Changelog</p><span class="tpgb-hint-text right">New Updates</span></div></a></div><div id="tooltip67b87192b0f3a" class="tpgb-icon-list-item tp-repeater-item-2f9j " ><a href="https://nexterwp.com/wp-content/uploads/2024/05/nexter-child-theme.zip" ><div class="tpgb-icon-list-text"><p>Download Child Theme</p></div></a></div><div id="tooltip67b87192b0f81" class="tpgb-icon-list-item tp-repeater-item-5b2r " ><a href="https://roadmap.nexterwp.com/boards/feature-requests" target="_blank" ><div class="tpgb-icon-list-text"><p>Request Feature</p></div></a></div><div id="tooltip67b87192b0fca" class="tpgb-icon-list-item tp-repeater-item-5pwx " ><a href="https://roadmap.nexterwp.com/roadmap" target="_blank" ><div class="tpgb-icon-list-text"><p>Roadmap</p></div></a></div><div id="tooltip67b87192b100f" class="tpgb-icon-list-item tp-repeater-item-7l7b " ><a href="https://nexterwp.com/free-vs-pro/" ><div class="tpgb-icon-list-text"><p>Nexter Free vs Pro</p></div></a></div><div id="tooltip67b87192b1066" class="tpgb-icon-list-item tp-repeater-item-fl7s " ><a href="https://store.posimyth.com/affiliate-program/" target="_blank" ><div class="tpgb-icon-list-text"><p>Affiliate Program</p></div></a></div><div id="tooltip67b87192b10ad" class="tpgb-icon-list-item tp-repeater-item-y85n " ><a href="https://nexterwp.com/blog/" ><div class="tpgb-icon-list-text"><p>Blogs</p></div></a></div><div id="tooltip67b87192b110e" class="tpgb-icon-list-item tp-repeater-item-s47g " ><a href="https://status.posimyth.com/" target="_blank" ><div class="tpgb-icon-list-text pin-hint-inline"><p>Uptime</p><span class="tpgb-hint-text right">99.99% +</span></div></a></div><div id="tooltip67b87192b1163" class="tpgb-icon-list-item tp-repeater-item-0 " ><a href="https://www.playbook.com/s/posimyth/NL6T653xUBxNJaYEqeRucxbB" target="_blank" rel="nofollow" ><div class="tpgb-icon-list-text"><p>Brand Kit for Press &amp; Media</p></div></a></div></div></div> </div> <div class="tpgb-container-col tpgb-block-0ac9_16 " data-id="0ac9_16" > <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-3727_16">Get Support</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-24ae_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192b1855" class="tpgb-icon-list-item tp-repeater-item-229m active" ><a href="https://store.posimyth.com/login/" target="_blank" ><div class="tpgb-icon-list-text"><p>Login</p></div></a></div><div id="tooltip67b87192b1885" class="tpgb-icon-list-item tp-repeater-item-pyko " ><a href="https://store.posimyth.com/helpdesk/" target="_blank" ><div class="tpgb-icon-list-text"><p>Helpdesk</p></div></a></div><div id="tooltip67b87192b18b3" class="tpgb-icon-list-item tp-repeater-item-2f9j " ><a href="https://nexterwp.com/docs/" ><div class="tpgb-icon-list-text"><p>Documentation</p></div></a></div><div id="tooltip67b87192b1908" class="tpgb-icon-list-item tp-repeater-item-twrj " ><a href="https://www.youtube.com/@posimyth?sub_confirmation=1" target="_blank" ><div class="tpgb-icon-list-text"><p>Video Tutorials</p></div></a></div><div id="tooltip67b87192b196d" class="tpgb-icon-list-item tp-repeater-item-o0s4 " ><a href="https://www.facebook.com/groups/nexterwpcommunity" target="_blank" ><div class="tpgb-icon-list-text"><p>Facebook Community</p></div></a></div><div id="tooltip67b87192b19e0" class="tpgb-icon-list-item tp-repeater-item-6lk7 " ><a href="https://nexterwp.com/chat" ><div class="tpgb-icon-list-text pin-hint-inline"><p>AI Chat</p><span class="tpgb-hint-text right">24x7</span></div></a></div></div></div> <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-f8d8_16">Our Products</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-b94c_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192b1f7b" class="tpgb-icon-list-item tp-repeater-item-229m active" ><a href="https://theplusaddons.com/" target="_blank" ><div class="tpgb-icon-list-text"><p>The Plus Addons for Elementor</p></div></a></div><div id="tooltip67b87192b1fd0" class="tpgb-icon-list-item tp-repeater-item-2f9j " ><a href="https://wdesignkit.com/" target="_blank" ><div class="tpgb-icon-list-text"><p>WDesignKit - Templates,Widgets Builder &amp; More</p></div></a></div><div id="tooltip67b87192b203c" class="tpgb-icon-list-item tp-repeater-item-u5z1 " ><a href="https://uichemy.com/" target="_blank" ><div class="tpgb-icon-list-text pin-hint-inline"><p>UiChemy - Figma to WordPress Convertor</p><span class="tpgb-hint-text right">2.0</span></div></a></div><div id="tooltip67b87192b20a1" class="tpgb-icon-list-item tp-repeater-item-twrj " ><a href="https://sproutui.com/" target="_blank" ><div class="tpgb-icon-list-text pin-hint-inline"><p>SproutUI - 1300+ Figma Design Kit </p><span class="tpgb-hint-text right">NEW</span></div></a></div></div></div> </div> <div class="tpgb-container-col tpgb-block-9718_16 " data-id="9718_16" > <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-4f19_16">Company</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-7c23_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192b26ef" class="tpgb-icon-list-item tp-repeater-item-229m active" ><a href="https://posimyth.com/" target="_blank" ><div class="tpgb-icon-list-text"><p>Website</p></div></a></div><div id="tooltip67b87192b2734" class="tpgb-icon-list-item tp-repeater-item-pyko " ><a href="https://posimyth.com/about-us/" target="_blank" ><div class="tpgb-icon-list-text"><p>About Us</p></div></a></div><div id="tooltip67b87192b2773" class="tpgb-icon-list-item tp-repeater-item-2f9j " ><a href="https://posimyth.com/our-team/" target="_blank" ><div class="tpgb-icon-list-text"><p>Our Team</p></div></a></div><div id="tooltip67b87192b27b2" class="tpgb-icon-list-item tp-repeater-item-x4ha " ><a href="https://posimyth.com/career/" target="_blank" ><div class="tpgb-icon-list-text"><p>Career</p></div></a></div><div id="tooltip67b87192b27dd" class="tpgb-icon-list-item tp-repeater-item-i7uo " ><a href="https://posimyth.com/write-for-us/?domain=Nexter" target="_blank" ><div class="tpgb-icon-list-text"><p>Write For Us</p></div></a></div><div id="tooltip67b87192b2808" class="tpgb-icon-list-item tp-repeater-item-y1jf " ><a href="https://posimyth.com/contact-us/" target="_blank" ><div class="tpgb-icon-list-text"><p>Contact Us</p></div></a></div></div></div> <h3 class="wp-block-tpgb-tp-heading tp-core-heading tpgb-block-5c40_16">Legal</h3> <div class="tpgb-stylist-list tpgb-relative-block tpgb-block-acee_16 align-left " ><div class="tpgb-icon-list-items d-flex-center"><div id="tooltip67b87192b2dbf" class="tpgb-icon-list-item tp-repeater-item-229m active" ><a href="https://store.posimyth.com/refund-policy/" target="_blank" ><div class="tpgb-icon-list-text pin-hint-inline"><p>Refund Policy</p><span class="tpgb-hint-text right">60 Days</span></div></a></div><div id="tooltip67b87192b2dfd" class="tpgb-icon-list-item tp-repeater-item-pyko " ><a href="https://store.posimyth.com/cookie-policy/" target="_blank" ><div class="tpgb-icon-list-text"><p>Cookie Policy</p></div></a></div><div id="tooltip67b87192b2e3e" class="tpgb-icon-list-item tp-repeater-item-2f9j " ><a href="https://store.posimyth.com/privacy-policy/" target="_blank" ><div class="tpgb-icon-list-text"><p>Privacy Policy</p></div></a></div><div id="tooltip67b87192b2e8d" class="tpgb-icon-list-item tp-repeater-item-x4ha " ><a href="https://store.posimyth.com/support-policy/" target="_blank" ><div class="tpgb-icon-list-text"><p>Support Policy</p></div></a></div><div id="tooltip67b87192b2ecb" class="tpgb-icon-list-item tp-repeater-item-i7uo " ><a href="https://store.posimyth.com/affiliate-program/agreement/" target="_blank" ><div class="tpgb-icon-list-text"><p>Affiliate Agreement</p></div></a></div><div id="tooltip67b87192b2f07" class="tpgb-icon-list-item tp-repeater-item-y1jf " ><a href="https://store.posimyth.com/acceptable-use-policy/" target="_blank" ><div class="tpgb-icon-list-text"><p>Acceptable Use Policy</p></div></a></div></div></div> </div> </div></div> <div class="wp-block-tpgb-tp-image tpgb-image tpgb-block-98de_16"><figure class="tpgb-figure"><img width="1680" height="597" src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-71.webp" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-71.webp" data-count-lazy="78" fetchpriority="high" decoding="async"alt="" class=" tpgb-img-inner wp-image-undefined" /></figure></div> </div></div> <div class="tpgb-container-row tpgb-block-eb3e_16 tpgb-container-10842 alignwide tpgb-container-inline tpgb-container-wide " data-id="eb3e_16" ><div class="tpgb-cont-in"> <div class="tpgb-pro-paragraph tpgb-block-f12b_16 "><div class="pro-paragraph-inner "><p>© POSIMYTH Innovations 2025</p></div></div> <div class="tpgb-social-icons style-7 text-right tpgb-block-ed94_16 "><div class="tpgb-social-list "><div id="tooltip67b87192b3ef1" class=" social-icon-tooltip tp-repeater-item-ldj8 style-7 " ><div class="tpgb-social-loop-inner "><a class="tpgb-icon-link " href="https://www.facebook.com/nexterwp" aria-label="Facebook" target="_blank" ><span class="tpgb-social-icn social-img tpgb-rel-flex "><img width="42" height="42" src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-1272634151.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-1272634151.svg" data-count-lazy="79" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Frame 1272634151" decoding="async" /></span></a></div></div><div id="tooltip67b87192b4550" class=" social-icon-tooltip tp-repeater-item-5ef2 style-7 " ><div class="tpgb-social-loop-inner "><a class="tpgb-icon-link " href="https://x.com/intent/user?screen_name=nexterwp" aria-label="Twitter" target="_blank" ><span class="tpgb-social-icn social-img tpgb-rel-flex "><img width="42" height="42" src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-2.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-2.svg" data-count-lazy="80" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Frame (2)" decoding="async" /></span></a></div></div><div id="tooltip67b87192b4943" class=" social-icon-tooltip tp-repeater-item-v56j style-7 " ><div class="tpgb-social-loop-inner "><a class="tpgb-icon-link " href="https://instagram.com/nexterwp" aria-label="Instagram" target="_blank" ><span class="tpgb-social-icn social-img tpgb-rel-flex "><img width="42" height="42" src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-1272634152.svg" data-adaptive="true" data-remove-src="true" data-src="https://nexterwp.com/wp-content/uploads/2024/05/Frame-1272634152.svg" data-count-lazy="81" fetchpriority="high" decoding="async"class=" attachment-full size-full" alt="Frame 1272634152" decoding="async" /></span></a></div></div></div></div> </div></div> </div></div></div> </div> <!-- Nexter Container --> </div> <!-- Footer Content --></footer> </div><!-- wrapper-main --> <div id="tp-live-copy-main" class="tp-live-copy-main" style="display:none;"> <div class="tp-live-copy-top">Click to copy</div> <div class="tp-live-copy-middle"> <a class="tp-btn-live-copy" href="#"><i aria-hidden="true" class="fas fa-copy"></i>Copy</a> </div> <div class="tp-live-copy-bottom"><a class="tp-live-b-link" href="https://nexterwp.com/docs/add-cross-domain-copy-paste-for-free-in-wordpress/?utm_source=NexterWP&utm_medium=CrossDomain&utm_campaign=CopyButton" target="_blank">How it works?</a></div> </div> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> document.addEventListener("DOMContentLoaded", function() { // Hover effect document.querySelectorAll(".tpgb-section .tp-live-copy-main, .tpgb-container-row .tp-live-copy-main").forEach(function(element) { if(element){ element.addEventListener("mouseenter", function() { var parent = element.closest(".tpgb-section, .tpgb-container-row"); if (parent) { parent.style.border = "1px solid #7f7f7f30"; parent.style.borderStyle = "dashed"; } }); element.addEventListener("mouseleave", function() { var parent = element.closest(".tpgb-section, .tpgb-container-row"); if (parent) { parent.style.borderColor = "inherit"; parent.style.borderStyle = "inherit"; } }); } }); // On window load window.addEventListener("load", function() { var original = document.getElementById("tp-live-copy-main"); if (original) { var clone = original.cloneNode(true); clone.style.display = ""; clone.removeAttribute("id"); document.querySelectorAll(".tpgb-section, .tpgb-container-row").forEach(function(section) { if(section){ var dataTpcpLive = section.getAttribute("data-tpcp__live"); if (dataTpcpLive === "yes") { section.appendChild(clone.cloneNode(true)); // Append a clone of the cloned node } } }); document.addEventListener("click", function(event) { if (event.target.matches(".tp-btn-live-copy")) { event.preventDefault(); var button = event.target; var container = button.closest(".tpgb-section, .tpgb-container-row"); var sectionId = container.getAttribute("data-id"); var postId = container.getAttribute("data-post-id") || document.body.className.match(/page-id(\d+)/)[1] || 0; var sectionIndex = Array.from(document.querySelectorAll('[data-tpcp__live="yes"][data-post-id="' + postId + '"]')).indexOf(container); var liveCopyMain = button.closest(".tp-live-copy-main"); liveCopyMain.classList.add("active"); if (!button.classList.contains("tp-after-cp-click")) { button.classList.add("tp-after-cp-click"); var xhr = new XMLHttpRequest(); xhr.open("GET", tpgb_live_copy_front.ajax_url + "?action=tpgb_live_copy_front&sectionid=" + sectionId + "&postid=" + postId + "&sectionIndex=" + (sectionIndex + 1) + "&nonce=" + tpgb_live_copy_front.nonce, true); xhr.onload = function() { if (xhr.status >= 200 && xhr.status < 400) { var response = JSON.parse(xhr.responseText); if (response.success) { final_copy_fun({ BlockType: "section", blockCode: response.data }); button.classList.remove("tp-after-cp-click"); liveCopyMain.querySelector(".tp-live-copy-top").textContent = "Copied!"; setTimeout(function() { liveCopyMain.querySelector(".tp-live-copy-top").textContent = "Click to copy"; liveCopyMain.classList.remove("active"); }, 2000); } else { console.log("Something is wrong!"); } } }; xhr.onerror = function() { console.log("Request failed"); }; liveCopyMain.querySelector(".tp-live-copy-top").textContent = "Processing"; xhr.send(); } } }); } }); }); </script> <style>.tpgb-section .tp-live-copy-main,.tpgb-container-row .tp-live-copy-main{position:absolute;top:40%;right:0;visibility:hidden;opacity:0;z-index:99999;text-decoration:none;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);transition:all 0.3s linear}.tpgb-section:hover .tpgb-section:not(.elementor-element-edit-mode) .tp-live-copy-main,.tpgb-container-row:hover .tpgb-container-row:not(.elementor-element-edit-mode) .tp-live-copy-main{top:40%}.tpgb-section.live-copy-preview .tp-live-copy-main,.tpgb-section:not(.elementor-element-edit-mode):hover .tp-live-copy-main,.tpgb-section:hover .tpgb-section:not(.elementor-element-edit-mode).tp-live-copy-main,.tpgb-container-row.live-copy-preview .tp-live-copy-main,.tpgb-container-row:not(.elementor-element-edit-mode):hover .tp-live-copy-main,.tpgb-container-row:hover .tpgb-container-row:not(.elementor-element-edit-mode).tp-live-copy-main{visibility:visible;opacity:1;top:60%}.tpgb-section .tp-live-copy-main .tp-btn-live-copy,.tpgb-container-row .tp-live-copy-main .tp-btn-live-copy{display:flex;width:100px;height:40px;line-height:1;-webkit-transition:all .2s;transition:all .2s;background-color:#ff844a;box-shadow:0 10px 30px 0 rgba(0,0,0,.2);color:#fff;text-align:center;text-transform:uppercase;z-index:100;align-items:center;font-size:12px;letter-spacing:1px;text-align:center;justify-content:center;border-radius:3px}.tpgb-section .tp-live-copy-main .tp-live-copy-top,.tpgb-section .tp-live-copy-main .tp-live-copy-middle,.tpgb-section .tp-live-copy-main .tp-live-copy-bottom,.tpgb-container-row .tp-live-copy-main .tp-live-copy-top,.tpgb-container-row .tp-live-copy-main .tp-live-copy-middle,.tpgb-container-row .tp-live-copy-main .tp-live-copy-bottom{position:relative;display:flex;align-items:center;justify-content:center;vertical-align:middle;transition:all 0.3s linear;text-align:center}.tpgb-section .tp-live-copy-main .tp-btn-live-copy i,.tpgb-container-row .tp-live-copy-main .tp-btn-live-copy i{margin-right:7px}.tpgb-section .tp-live-copy-main .tp-live-copy-top,.tpgb-section .tp-live-copy-main .tp-live-copy-bottom,.tpgb-container-row .tp-live-copy-main .tp-live-copy-top,.tpgb-container-row .tp-live-copy-main .tp-live-copy-bottom{background:#6f14f1;color:#fff;width:85%;margin:0 auto;padding:3px 2px;font-size:11px}.tpgb-section .tp-live-copy-main .tp-live-copy-top,.tpgb-container-row .tp-live-copy-main .tp-live-copy-top{transform:translateY(35px);border-top-left-radius:10px;border-top-right-radius:10px}.tpgb-section .tp-live-copy-main .tp-live-copy-bottom,.tpgb-container-row .tp-live-copy-main .tp-live-copy-bottom{transform:translateY(-35px);border-bottom-left-radius:10px;border-bottom-right-radius:10px}.tpgb-section .tp-live-copy-main:hover .tp-live-copy-top,.tpgb-section .tp-live-copy-main:hover .tp-live-copy-bottom,.tpgb-section .tp-live-copy-main.active .tp-live-copy-top,.tpgb-container-row .tp-live-copy-main:hover .tp-live-copy-top,.tpgb-container-row .tp-live-copy-main:hover .tp-live-copy-bottom,.tpgb-container-row .tp-live-copy-main.active .tp-live-copy-top{transform:translateY(0)}.tpgb-section .tp-live-copy-main .tp-live-copy-bottom .tp-live-b-link,.tpgb-container-row .tp-live-copy-main .tp-live-copy-bottom .tp-live-b-link{color:#fff}.tpgb-section.live-copy-preview .elementor-section .tp-live-copy-main,.tpgb-section:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main,.tpgb-container-row.live-copy-preview .elementor-section .tp-live-copy-main,.tpgb-container-row:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main{top:0%}.tpgb-section.live-copy-preview .elementor-section .tp-live-copy-main .tp-btn-live-copy,.tpgb-section:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main .tp-btn-live-copy,.tpgb-container-row.live-copy-preview .elementor-section .tp-live-copy-main .tp-btn-live-copy,.tpgb-container-row:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main .tp-btn-live-copy{background-color:#6fc784}.tpgb-section.live-copy-preview .elementor-section .tp-live-copy-main,.tpgb-section:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main,.tpgb-container-row.live-copy-preview .elementor-section .tp-live-copy-main,.tpgb-container-row:not(.elementor-element-edit-mode) .elementor-section .tp-live-copy-main{opacity:0;visibility:hidden;transition:all 0.3s linear;right:0}.tpgb-section.live-copy-preview .elementor-section:hover .tp-live-copy-main,.tpgb-section:not(.elementor-element-edit-mode) .elementor-section:hover .tp-live-copy-main,.tpgb-container-row.live-copy-preview .elementor-section:hover .tp-live-copy-main,.tpgb-container-row:not(.elementor-element-edit-mode) .elementor-section:hover .tp-live-copy-main{opacity:1;visibility:visible;top:20%}</style><link rel="stylesheet" id="wbuilder-cgb-style_ap4zx225-css-css" href="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/0420f6f44cdb.Slide_Menu_gssasu24.min.css?ver=1.1.13.139225" type="text/css" media> <style id='wp-block-paragraph-inline-css' type='text/css'> .is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg} </style> <link rel='stylesheet' id='tpgb-plus-post-28467-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/theplus-preload-post-28467.min.css?ver=1740115098' type='text/css' media='all' /> <link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-28467.css?ver=1737607273" as="style" id="plus-post-28467" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-28467-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-28467.css?ver=1737607273' type='text/css' media='all' /> </noscript><style id='wp-block-heading-inline-css' type='text/css'> h1.has-background,h2.has-background,h3.has-background,h4.has-background,h5.has-background,h6.has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg} </style> <style id='wp-block-video-inline-css' type='text/css'> .wp-block-video{box-sizing:border-box}.wp-block-video video{vertical-align:middle;width:100%}@supports (position:sticky){.wp-block-video [poster]{object-fit:cover}}.wp-block-video.aligncenter{text-align:center}.wp-block-video :where(figcaption){margin-bottom:1em;margin-top:.5em} </style> <style id='wp-block-button-inline-css' type='text/css'> .wp-block-button__link{box-sizing:border-box;cursor:pointer;display:inline-block;text-align:center;word-break:break-word}.wp-block-button__link.aligncenter{text-align:center}.wp-block-button__link.alignright{text-align:right}:where(.wp-block-button__link){border-radius:9999px;box-shadow:none;padding:calc(.667em + 2px) calc(1.333em + 2px);text-decoration:none}.wp-block-button[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons>.wp-block-button.has-custom-width{max-width:none}.wp-block-buttons>.wp-block-button.has-custom-width .wp-block-button__link{width:100%}.wp-block-buttons>.wp-block-button.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-buttons>.wp-block-button.wp-block-button__width-25{width:calc(25% - var(--wp--style--block-gap, .5em)*.75)}.wp-block-buttons>.wp-block-button.wp-block-button__width-50{width:calc(50% - var(--wp--style--block-gap, .5em)*.5)}.wp-block-buttons>.wp-block-button.wp-block-button__width-75{width:calc(75% - var(--wp--style--block-gap, .5em)*.25)}.wp-block-buttons>.wp-block-button.wp-block-button__width-100{flex-basis:100%;width:100%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-25{width:25%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-50{width:50%}.wp-block-buttons.is-vertical>.wp-block-button.wp-block-button__width-75{width:75%}.wp-block-button.is-style-squared,.wp-block-button__link.wp-block-button.is-style-squared{border-radius:0}.wp-block-button.no-border-radius,.wp-block-button__link.no-border-radius{border-radius:0!important}:root :where(.wp-block-button .wp-block-button__link.is-style-outline),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link){border:2px solid;padding:.667em 1.333em}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-text-color)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-text-color)){color:currentColor}:root :where(.wp-block-button .wp-block-button__link.is-style-outline:not(.has-background)),:root :where(.wp-block-button.is-style-outline>.wp-block-button__link:not(.has-background)){background-color:initial;background-image:none} </style> <style id='wp-block-buttons-inline-css' type='text/css'> .wp-block-buttons.is-vertical{flex-direction:column}.wp-block-buttons.is-vertical>.wp-block-button:last-child{margin-bottom:0}.wp-block-buttons>.wp-block-button{display:inline-block;margin:0}.wp-block-buttons.is-content-justification-left{justify-content:flex-start}.wp-block-buttons.is-content-justification-left.is-vertical{align-items:flex-start}.wp-block-buttons.is-content-justification-center{justify-content:center}.wp-block-buttons.is-content-justification-center.is-vertical{align-items:center}.wp-block-buttons.is-content-justification-right{justify-content:flex-end}.wp-block-buttons.is-content-justification-right.is-vertical{align-items:flex-end}.wp-block-buttons.is-content-justification-space-between{justify-content:space-between}.wp-block-buttons.aligncenter{text-align:center}.wp-block-buttons:not(.is-content-justification-space-between,.is-content-justification-right,.is-content-justification-left,.is-content-justification-center) .wp-block-button.aligncenter{margin-left:auto;margin-right:auto;width:100%}.wp-block-buttons[style*=text-decoration] .wp-block-button,.wp-block-buttons[style*=text-decoration] .wp-block-button__link{text-decoration:inherit}.wp-block-buttons.has-custom-font-size .wp-block-button__link{font-size:inherit}.wp-block-button.aligncenter{text-align:center} </style> <style id='wp-block-columns-inline-css' type='text/css'> .wp-block-columns{align-items:normal!important;box-sizing:border-box;display:flex;flex-wrap:wrap!important}@media (min-width:782px){.wp-block-columns{flex-wrap:nowrap!important}}.wp-block-columns.are-vertically-aligned-top{align-items:flex-start}.wp-block-columns.are-vertically-aligned-center{align-items:center}.wp-block-columns.are-vertically-aligned-bottom{align-items:flex-end}@media (max-width:781px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:100%!important}}@media (min-width:782px){.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{flex-grow:0}}.wp-block-columns.is-not-stacked-on-mobile{flex-wrap:nowrap!important}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column{flex-basis:0;flex-grow:1}.wp-block-columns.is-not-stacked-on-mobile>.wp-block-column[style*=flex-basis]{flex-grow:0}:where(.wp-block-columns){margin-bottom:1.75em}:where(.wp-block-columns.has-background){padding:1.25em 2.375em}.wp-block-column{flex-grow:1;min-width:0;overflow-wrap:break-word;word-break:break-word}.wp-block-column.is-vertically-aligned-top{align-self:flex-start}.wp-block-column.is-vertically-aligned-center{align-self:center}.wp-block-column.is-vertically-aligned-bottom{align-self:flex-end}.wp-block-column.is-vertically-aligned-stretch{align-self:stretch}.wp-block-column.is-vertically-aligned-bottom,.wp-block-column.is-vertically-aligned-center,.wp-block-column.is-vertically-aligned-top{width:100%} </style> <link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-28477.css?ver=1737607273" as="style" id="plus-post-28477" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-28477-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-28477.css?ver=1737607273' type='text/css' media='all' /> </noscript><style id='wp-block-image-inline-css' type='text/css'> .wp-block-image a{display:inline-block}.wp-block-image img{box-sizing:border-box;height:auto;max-width:100%;vertical-align:bottom}@media (prefers-reduced-motion:no-preference){.wp-block-image img.hide{visibility:hidden}.wp-block-image img.show{animation:show-content-image .4s}}.wp-block-image[style*=border-radius] img,.wp-block-image[style*=border-radius]>a{border-radius:inherit}.wp-block-image.has-custom-border img{box-sizing:border-box}.wp-block-image.aligncenter{text-align:center}.wp-block-image.alignfull a,.wp-block-image.alignwide a{width:100%}.wp-block-image.alignfull img,.wp-block-image.alignwide img{height:auto;width:100%}.wp-block-image .aligncenter,.wp-block-image .alignleft,.wp-block-image .alignright,.wp-block-image.aligncenter,.wp-block-image.alignleft,.wp-block-image.alignright{display:table}.wp-block-image .aligncenter>figcaption,.wp-block-image .alignleft>figcaption,.wp-block-image .alignright>figcaption,.wp-block-image.aligncenter>figcaption,.wp-block-image.alignleft>figcaption,.wp-block-image.alignright>figcaption{caption-side:bottom;display:table-caption}.wp-block-image .alignleft{float:left;margin:.5em 1em .5em 0}.wp-block-image .alignright{float:right;margin:.5em 0 .5em 1em}.wp-block-image .aligncenter{margin-left:auto;margin-right:auto}.wp-block-image :where(figcaption){margin-bottom:1em;margin-top:.5em}.wp-block-image.is-style-circle-mask img{border-radius:9999px}@supports ((-webkit-mask-image:none) or (mask-image:none)) or (-webkit-mask-image:none){.wp-block-image.is-style-circle-mask img{border-radius:0;-webkit-mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-image:url('data:image/svg+xml;utf8,<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg"><circle cx="50" cy="50" r="50"/></svg>');mask-mode:alpha;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}}:root :where(.wp-block-image.is-style-rounded img,.wp-block-image .is-style-rounded img){border-radius:9999px}.wp-block-image figure{margin:0}.wp-lightbox-container{display:flex;flex-direction:column;position:relative}.wp-lightbox-container img{cursor:zoom-in}.wp-lightbox-container img:hover+button{opacity:1}.wp-lightbox-container button{align-items:center;-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);background-color:#5a5a5a40;border:none;border-radius:4px;cursor:zoom-in;display:flex;height:20px;justify-content:center;opacity:0;padding:0;position:absolute;right:16px;text-align:center;top:16px;transition:opacity .2s ease;width:20px;z-index:100}.wp-lightbox-container button:focus-visible{outline:3px auto #5a5a5a40;outline:3px auto -webkit-focus-ring-color;outline-offset:3px}.wp-lightbox-container button:hover{cursor:pointer;opacity:1}.wp-lightbox-container button:focus{opacity:1}.wp-lightbox-container button:focus,.wp-lightbox-container button:hover,.wp-lightbox-container button:not(:hover):not(:active):not(.has-background){background-color:#5a5a5a40;border:none}.wp-lightbox-overlay{box-sizing:border-box;cursor:zoom-out;height:100vh;left:0;overflow:hidden;position:fixed;top:0;visibility:hidden;width:100%;z-index:100000}.wp-lightbox-overlay .close-button{align-items:center;cursor:pointer;display:flex;justify-content:center;min-height:40px;min-width:40px;padding:0;position:absolute;right:calc(env(safe-area-inset-right) + 16px);top:calc(env(safe-area-inset-top) + 16px);z-index:5000000}.wp-lightbox-overlay .close-button:focus,.wp-lightbox-overlay .close-button:hover,.wp-lightbox-overlay .close-button:not(:hover):not(:active):not(.has-background){background:none;border:none}.wp-lightbox-overlay .lightbox-image-container{height:var(--wp--lightbox-container-height);left:50%;overflow:hidden;position:absolute;top:50%;transform:translate(-50%,-50%);transform-origin:top left;width:var(--wp--lightbox-container-width);z-index:9999999999}.wp-lightbox-overlay .wp-block-image{align-items:center;box-sizing:border-box;display:flex;height:100%;justify-content:center;margin:0;position:relative;transform-origin:0 0;width:100%;z-index:3000000}.wp-lightbox-overlay .wp-block-image img{height:var(--wp--lightbox-image-height);min-height:var(--wp--lightbox-image-height);min-width:var(--wp--lightbox-image-width);width:var(--wp--lightbox-image-width)}.wp-lightbox-overlay .wp-block-image figcaption{display:none}.wp-lightbox-overlay button{background:none;border:none}.wp-lightbox-overlay .scrim{background-color:#fff;height:100%;opacity:.9;position:absolute;width:100%;z-index:2000000}.wp-lightbox-overlay.active{animation:turn-on-visibility .25s both;visibility:visible}.wp-lightbox-overlay.active img{animation:turn-on-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active){animation:turn-off-visibility .35s both}.wp-lightbox-overlay.show-closing-animation:not(.active) img{animation:turn-off-visibility .25s both}@media (prefers-reduced-motion:no-preference){.wp-lightbox-overlay.zoom.active{animation:none;opacity:1;visibility:visible}.wp-lightbox-overlay.zoom.active .lightbox-image-container{animation:lightbox-zoom-in .4s}.wp-lightbox-overlay.zoom.active .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.active .scrim{animation:turn-on-visibility .4s forwards}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active){animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container{animation:lightbox-zoom-out .4s}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .lightbox-image-container img{animation:none}.wp-lightbox-overlay.zoom.show-closing-animation:not(.active) .scrim{animation:turn-off-visibility .4s forwards}}@keyframes show-content-image{0%{visibility:hidden}99%{visibility:hidden}to{visibility:visible}}@keyframes turn-on-visibility{0%{opacity:0}to{opacity:1}}@keyframes turn-off-visibility{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@keyframes lightbox-zoom-in{0%{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale))}to{transform:translate(-50%,-50%) scale(1)}}@keyframes lightbox-zoom-out{0%{transform:translate(-50%,-50%) scale(1);visibility:visible}99%{visibility:visible}to{transform:translate(calc((-100vw + var(--wp--lightbox-scrollbar-width))/2 + var(--wp--lightbox-initial-left-position)),calc(-50vh + var(--wp--lightbox-initial-top-position))) scale(var(--wp--lightbox-scale));visibility:hidden}} </style> <style id='core-block-supports-inline-css' type='text/css'> .wp-container-core-buttons-is-layout-1{flex-wrap:nowrap;flex-direction:column;align-items:flex-start;}.wp-container-core-columns-is-layout-1{flex-wrap:nowrap;} </style> <link rel="preload" href="https://nexterwp.com/wp-includes/css/dashicons.min.css?ver=6.7.2" as="style" id="dashicons" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='dashicons-css' href='https://nexterwp.com/wp-includes/css/dashicons.min.css?ver=6.7.2' type='text/css' media='all' /> </noscript><link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-1031.css?ver=1737607246" as="style" id="plus-post-1031" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-1031-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-1031.css?ver=1737607246' type='text/css' media='all' /> </noscript><link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-1110.css?ver=1737607246" as="style" id="plus-post-1110" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-1110-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-1110.css?ver=1737607246' type='text/css' media='all' /> </noscript><link rel="preload" href="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-1152.css?ver=1737607246" as="style" id="plus-post-1152" media="all" onload="this.onload=null;this.rel='stylesheet'"><noscript><link rel='stylesheet' id='plus-post-1152-css' href='https://nexterwp.com/wp-content/uploads/theplus_gutenberg/plus-css-1152.css?ver=1737607246' type='text/css' media='all' /> </noscript><script type="pmdelayedscript" src="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/fb3f34487626.index.min.js?ver=1.0.35.425968" id="wbuilder-cgb-block_externalgo7at024-js-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/f388adadcb63.index.min.js?ver=1.0.38.136006" id="wbuilder-cgb-block_externalf7wpnc24-js-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://code.jquery.com/jquery-3.7.1.min.js?ver=1.1.13.238902" id="wd_ex_script_w3smar25-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.6.2/modernizr.min.js?ver=1.1.13.242026" id="wd_ex_script_a3otc725-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/1111099c2c7d.index.min.js?ver=1.1.13.631816" id="wbuilder-cgb-block_externalmzqucv25-js-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/4dae800bd4e9.index.min.js?ver=1.1.13.410914" id="wbuilder-cgb-block_externalnjkkv925-js-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="nexter-frontend-js-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var nexter_load_js = {"url":"https:\/\/nexterwp.com\/wp-admin\/admin-ajax.php","nonce":"4009f57cb3","isRtl":""}; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/themes/nexter/assets/js/main/nexter-frontend.min.js?ver=4.0.0" id="nexter-frontend-js-js" defer data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-includes/js/dist/hooks.min.js?ver=4d63a3d491d11ffd8ac6" id="wp-hooks-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-includes/js/dist/i18n.min.js?ver=5e580eb46a90c2b997e6" id="wp-i18n-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="wp-i18n-js-after" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ wp.i18n.setLocaleData( { 'text direction\u0004ltr': [ 'ltr' ] } ); /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/plugins/contact-form-7/includes/swv/js/index.js?ver=6.0.3" id="swv-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="contact-form-7-js-before" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var wpcf7 = { "api": { "root": "https:\/\/nexterwp.com\/wp-json\/", "namespace": "contact-form-7\/v1" }, "cached": 1 }; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/plugins/contact-form-7/includes/js/index.js?ver=6.0.3" id="contact-form-7-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="wc-order-attribution-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var wc_order_attribution = {"params":{"lifetime":1.0e-5,"session":30,"base64":false,"ajaxurl":"https:\/\/nexterwp.com\/wp-admin\/admin-ajax.php","prefix":"wc_order_attribution_","allowTracking":true},"fields":{"source_type":"current.typ","referrer":"current_add.rf","utm_campaign":"current.cmp","utm_source":"current.src","utm_medium":"current.mdm","utm_content":"current.cnt","utm_id":"current.id","utm_term":"current.trm","utm_source_platform":"current.plt","utm_creative_format":"current.fmt","utm_marketing_tactic":"current.tct","session_entry":"current_add.ep","session_start_time":"current_add.fd","session_pages":"session.pgs","session_count":"udata.vst","user_agent":"udata.uag"}}; /* ]]> */ </script> <script type="text/javascript" id="perfmatters-lazy-load-js-before"> /* <![CDATA[ */ window.lazyLoadOptions={elements_selector:"img[data-src],.perfmatters-lazy,.perfmatters-lazy-css-bg",thresholds:"0px 0px",class_loading:"pmloading",class_loaded:"pmloaded",callback_loaded:function(element){if(element.tagName==="IFRAME"){if(element.classList.contains("pmloaded")){if(typeof window.jQuery!="undefined"){if(jQuery.fn.fitVids){jQuery(element).parent().fitVids()}}}}}};window.addEventListener("LazyLoad::Initialized",function(e){var lazyLoadInstance=e.detail.instance;});function perfmattersLazyLoadYouTube(e){var t=document.createElement("iframe"),r="ID?";r+=0===e.dataset.query.length?"":e.dataset.query+"&",r+="autoplay=1",t.setAttribute("src",r.replace("ID",e.dataset.src)),t.setAttribute("frameborder","0"),t.setAttribute("allowfullscreen","1"),t.setAttribute("allow","accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture"),e.replaceChild(t,e.firstChild)} /* ]]> */ </script> <script type="text/javascript" async src="https://nexterwp.com/wp-content/plugins/perfmatters/js/lazyload.min.js?ver=2.3.8" id="perfmatters-lazy-load-js"></script> <script type="pmdelayedscript" async data-no-optimize="1" src="https://nexterwp.com/wp-content/plugins/perfmatters/vendor/instant-page/pminstantpage.min.js?ver=2.3.8" id="perfmatters-instant-page-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://challenges.cloudflare.com/turnstile/v0/api.js?render=explicit" id="cfturnstile-js" defer="defer" data-wp-strategy="defer" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/da56db6ccdcd.woocommerce.min.js?ver=1.2" id="cfturnstile-woo-js-js" defer="defer" data-wp-strategy="defer" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/uploads/theplus_gutenberg/theplus-post-10842.min.js?ver=1740115098" id="tpgb-plus-block-front-js-js" defer data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="tpgb-ajax-load-template-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var tpgb_config = {"ajax_url":"https:\/\/nexterwp.com\/wp-admin\/admin-ajax.php","tpgb_nonce":"ba2c44cd27"}; var smoothAllowedBrowsers = []; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/plugins/the-plus-addons-for-block-editor/assets/js/main/general/tpgb-ajax-load.min.js?ver=4.1.4" id="tpgb-ajax-load-template-js" defer data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="tpgb-delay-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var tpgbLoadScripts = {"font_pro":"42938171ea"}; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/plugins/the-plus-addons-for-block-editor/assets/js/main/general/tpgb-loader.min.js?ver=4.1.4" id="tpgb-delay-js" defer data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" id="tpgb-xdstorage-cp-js-extra" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /* <![CDATA[ */ var tpgb_live_copy_front = {"ajax_url":"https:\/\/nexterwp.com\/wp-admin\/admin-ajax.php","nonce":"6419a31ac4","page_id":"10842"}; /* ]]> */ </script> <script type="pmdelayedscript" src="https://nexterwp.com/wp-content/cache/perfmatters/nexterwp.com/minify/bcd573662338.xdlocalstorage.min.js?ver=1.0.0" id="tpgb-xdstorage-cp-js" data-perfmatters-type="text/javascript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"></script> <script type="pmdelayedscript" data-cfasync="false" data-no-optimize="1" data-no-defer="1" data-no-minify="1"> /(trident|msie)/i.test(navigator.userAgent)&&document.getElementById&&window.addEventListener&&window.addEventListener("hashchange",function(){var t,e=location.hash.substring(1);/^[A-z0-9_-]+$/.test(e)&&(t=document.getElementById(e))&&(/^(?:a|select|input|button|textarea)$/i.test(t.tagName)||(t.tabIndex=-1),t.focus())},!1); </script> <script id="perfmatters-delayed-scripts-js">const pmDelayClick=true;const pmUserInteractions=["keydown","mousedown","mousemove","wheel","touchmove","touchstart","touchend"],pmDelayedScripts={normal:[],defer:[],async:[]},jQueriesArray=[],pmInterceptedClicks=[];var pmDOMLoaded=!1,pmClickTarget="";function pmTriggerDOMListener(){"undefined"!=typeof pmDelayTimer&&clearTimeout(pmDelayTimer),pmUserInteractions.forEach(function(e){window.removeEventListener(e,pmTriggerDOMListener,{passive:!0})}),document.removeEventListener("visibilitychange",pmTriggerDOMListener),"loading"===document.readyState?document.addEventListener("DOMContentLoaded",pmTriggerDelayedScripts):pmTriggerDelayedScripts()}async function pmTriggerDelayedScripts(){pmDelayEventListeners(),pmDelayJQueryReady(),pmSortDelayedScripts(),pmPreloadDelayedScripts(),await pmLoadDelayedScripts(pmDelayedScripts.normal),await pmLoadDelayedScripts(pmDelayedScripts.defer),await pmLoadDelayedScripts(pmDelayedScripts.async),await pmTriggerEventListeners(),document.querySelectorAll("link[data-pmdelayedstyle]").forEach(function(e){e.setAttribute("href",e.getAttribute("data-pmdelayedstyle"))}),window.dispatchEvent(new Event("perfmatters-allScriptsLoaded")),pmWaitForPendingClicks().then(()=>{pmReplayClicks()})}function pmDelayEventListeners(){let e={};function t(t,n){function r(n){return e[t].delayedEvents.indexOf(n)>=0?"perfmatters-"+n:n}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},delayedEvents:[]},t.addEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=r(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)}),e[t].delayedEvents.push(n)}function n(e,t){let n=e[t];Object.defineProperty(e,t,{get:n||function(){},set:function(n){e["perfmatters"+t]=n}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),n(document,"onreadystatechange"),n(window,"onload"),n(window,"onpageshow")}function pmDelayJQueryReady(){let e=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>e,set(t){if(t&&t.fn&&!jQueriesArray.includes(t)){t.fn.ready=t.fn.init.prototype.ready=function(e){pmDOMLoaded?e.bind(document)(t):document.addEventListener("perfmatters-DOMContentLoaded",function(){e.bind(document)(t)})};let n=t.fn.on;t.fn.on=t.fn.init.prototype.on=function(){if(this[0]===window){function e(e){return e=(e=(e=e.split(" ")).map(function(e){return"load"===e||0===e.indexOf("load.")?"perfmatters-jquery-load":e})).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=e(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(function(t){delete Object.assign(arguments[0],{[e(t)]:arguments[0][t]})[t]})}return n.apply(this,arguments),this},jQueriesArray.push(t)}e=t}})}function pmSortDelayedScripts(){document.querySelectorAll("script[type=pmdelayedscript]").forEach(function(e){e.hasAttribute("src")?e.hasAttribute("defer")&&!1!==e.defer?pmDelayedScripts.defer.push(e):e.hasAttribute("async")&&!1!==e.async?pmDelayedScripts.async.push(e):pmDelayedScripts.normal.push(e):pmDelayedScripts.normal.push(e)})}function pmPreloadDelayedScripts(){var e=document.createDocumentFragment();[...pmDelayedScripts.normal,...pmDelayedScripts.defer,...pmDelayedScripts.async].forEach(function(t){var n=t.getAttribute("src");if(n){var r=document.createElement("link");r.href=n,"module"==t.getAttribute("data-perfmatters-type")?r.rel="modulepreload":(r.rel="preload",r.as="script"),e.appendChild(r)}}),document.head.appendChild(e)}async function pmLoadDelayedScripts(e){var t=e.shift();return t?(await pmReplaceScript(t),pmLoadDelayedScripts(e)):Promise.resolve()}async function pmReplaceScript(e){return await pmNextFrame(),new Promise(function(t){let n=document.createElement("script");[...e.attributes].forEach(function(e){let t=e.nodeName;"type"!==t&&("data-perfmatters-type"===t&&(t="type"),n.setAttribute(t,e.nodeValue))}),e.hasAttribute("src")?(n.addEventListener("load",t),n.addEventListener("error",t)):(n.text=e.text,t()),e.parentNode.replaceChild(n,e)})}async function pmTriggerEventListeners(){pmDOMLoaded=!0,await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-DOMContentLoaded")),await pmNextFrame(),document.dispatchEvent(new Event("perfmatters-readystatechange")),await pmNextFrame(),document.perfmattersonreadystatechange&&document.perfmattersonreadystatechange(),await pmNextFrame(),window.dispatchEvent(new Event("perfmatters-load")),await pmNextFrame(),window.perfmattersonload&&window.perfmattersonload(),await pmNextFrame(),jQueriesArray.forEach(function(e){e(window).trigger("perfmatters-jquery-load")});let e=new Event("perfmatters-pageshow");e.persisted=window.pmPersisted,window.dispatchEvent(e),await pmNextFrame(),window.perfmattersonpageshow&&window.perfmattersonpageshow({persisted:window.pmPersisted})}async function pmNextFrame(){return new Promise(function(e){requestAnimationFrame(e)})}function pmReplayClicks(){window.removeEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.removeEventListener("mousedown",pmTouchStartHandler),pmInterceptedClicks.forEach(e=>{e.target.outerHTML===pmClickTarget&&e.target.dispatchEvent(new MouseEvent("click",{view:e.view,bubbles:!0,cancelable:!0}))})}function pmWaitForPendingClicks(){return new Promise(e=>{window.pmIsClickPending?pmPendingClickFinished=e:e()})}function pmPendingClickStarted(){window.pmIsClickPending=!0}function pmPendingClickFinished(){window.pmIsClickPending=!1}function pmClickHandler(e){e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmInterceptedClicks.push(e),e.preventDefault(),e.stopPropagation(),e.stopImmediatePropagation(),pmPendingClickFinished()}function pmTouchStartHandler(e){"HTML"!==e.target.tagName&&(pmClickTarget||(pmClickTarget=e.target.outerHTML),window.addEventListener("touchend",pmTouchEndHandler),window.addEventListener("mouseup",pmTouchEndHandler),window.addEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.addEventListener("mousemove",pmTouchMoveHandler),e.target.addEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"onclick","pm-onclick"),pmPendingClickStarted())}function pmTouchMoveHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler),e.target.removeEventListener("click",pmClickHandler),pmRenameDOMAttribute(e.target,"pm-onclick","onclick"),pmPendingClickFinished()}function pmTouchEndHandler(e){window.removeEventListener("touchend",pmTouchEndHandler),window.removeEventListener("mouseup",pmTouchEndHandler),window.removeEventListener("touchmove",pmTouchMoveHandler,{passive:!0}),window.removeEventListener("mousemove",pmTouchMoveHandler)}function pmRenameDOMAttribute(e,t,n){e.hasAttribute&&e.hasAttribute(t)&&(event.target.setAttribute(n,event.target.getAttribute(t)),event.target.removeAttribute(t))}window.pmIsClickPending=!1,window.addEventListener("pageshow",e=>{window.pmPersisted=e.persisted}),pmUserInteractions.forEach(function(e){window.addEventListener(e,pmTriggerDOMListener,{passive:!0})}),pmDelayClick&&(window.addEventListener("touchstart",pmTouchStartHandler,{passive:!0}),window.addEventListener("mousedown",pmTouchStartHandler)),document.addEventListener("visibilitychange",pmTriggerDOMListener);</script><script type="text/javascript">window.NREUM||(NREUM={});NREUM.info={"beacon":"bam.nr-data.net","licenseKey":"NRJS-feb208a230143224815","applicationID":"1051254644","transactionName":"MgRTYkpTX0dXAUYNWgtOcFVMW15aGRZXCUUJAEVT","queueTime":0,"applicationTime":1247,"atts":"HkNQFAJJTEk=","errorBeacon":"bam.nr-data.net","agent":""}</script></body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10