{"product_id":"split-collage-scroll","title":"Split Collage Scroll","description":"\u003cdiv class=\"qMYqUG_convSearchResultHighlightRoot\"\u003e\n\u003cdiv class=\"\"\u003e\n\u003cdiv class=\"relative w-full overflow-visible\"\u003e\n\u003csection dir=\"auto\" class=\"text-token-text-primary w-full focus:outline-none has-data-writing-block:pointer-events-none [\u0026amp;:has([data-writing-block])\u0026gt;*]:pointer-events-auto R6Vx5W_threadScrollVars scroll-mb-[calc(var(--scroll-root-safe-area-inset-bottom,0px)+var(--thread-response-height))] scroll-mt-[calc(var(--header-height)+min(200px,max(70px,20svh)))]\"\u003e\n\u003cdiv class=\"text-base my-auto mx-auto pb-10 [--thread-content-margin:var(--thread-content-margin-xs,calc(var(--spacing)*4))] @w-sm\/main:[--thread-content-margin:var(--thread-content-margin-sm,calc(var(--spacing)*6))] @w-lg\/main:[--thread-content-margin:var(--thread-content-margin-lg,calc(var(--spacing)*16))] px-(--thread-content-margin)\"\u003e\n\u003cdiv class=\"[--thread-content-max-width:40rem] @w-lg\/main:[--thread-content-max-width:48rem] mx-auto max-w-(--thread-content-max-width) flex-1 group\/turn-messages focus-visible:outline-hidden relative flex w-full min-w-0 flex-col agent-turn\"\u003e\n\u003cdiv class=\"flex max-w-full flex-col gap-4 grow\"\u003e\n\u003cdiv class=\"min-h-8 text-message relative flex w-full flex-col items-end gap-2 text-start break-words whitespace-normal outline-none keyboard-focused:focus-ring [.text-message+\u0026amp;]:mt-1\" dir=\"auto\" tabindex=\"0\"\u003e\n\u003cdiv class=\"flex w-full flex-col gap-1 empty:hidden\"\u003e\n\u003cdiv class=\"markdown prose dark:prose-invert wrap-break-word w-full dark markdown-new-styling\"\u003e\n\u003cp\u003e\u003ca href=\"https:\/\/split-collage-scroll.showit.site\/split-collage-scroll-image-zoom\" target=\"_blank\" rel=\"noopener\"\u003eDEMO LINK - IMAGE\u003c\/a\u003e\u003cbr\u003e\u003ca href=\"https:\/\/split-collage-scroll.showit.site\/split-collage-scroll-text-zoom\" target=\"_blank\" rel=\"noopener\"\u003eDEMO LINK - TEXT\u003c\/a\u003e \u003cbr\u003e\u003cbr\u003eScroll Collage Reveal transforms static sections into layered, cinematic moments using scroll-based movement andddd depth! As visitors scroll, collage elements drift left and right at varying speeds while the center content gradually reveals itself through scale and motion, creating a more immersive and editorial-style experience.\u003cbr\u003e\u003cbr\u003e\u003cmeta charset=\"utf-8\"\u003eAnd the best part...To customize, simply replace the images, video and text directly in Showit.\u003c\/p\u003e\n\u003cp\u003eWHAT'S INCLUDED:\u003c\/p\u003e\n\u003cp\u003eTwo Design Options - Zoom Image Background and Zoom Text Background\u003cbr\u003eInstall the pages in minutes using Showit’s Share Key. A detailed instruction guide is included.\u003c\/p\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"z-0 flex min-h-[46px] justify-start\"\u003ePLEASE NOTE: The other canvases shown in the video are included for design purposes and to see the scrolling effect. This canvas should not be used as a header as you will not get the full effect on the scroll. \u003c\/div\u003e\n\u003cdiv class=\"mt-3 w-full empty:hidden\"\u003e\u003cbr\u003e\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/section\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003c\/div\u003e\n\u003cdiv class=\"pointer-events-none -mt-px h-px translate-y-[calc(var(--scroll-root-safe-area-inset-bottom)-14*var(--spacing))]\"\u003e\u003cbr\u003e\u003c\/div\u003e","brand":"ShowCode Studio","offers":[{"title":"Default Title","offer_id":45086509367366,"sku":null,"price":14.0,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0709\/7588\/1286\/files\/ShowCodeStudio-Split-Collage-Scroll.gif?v=1779927132","url":"https:\/\/showcodestudio.com\/products\/split-collage-scroll","provider":"ShowCode Studio","version":"1.0","type":"link"}