Contact person: Business Client

Phone:Show

Email:Show

Location: Lucenec, Slovakia

Budget: Recommended by industry experts

Time to start: As soon as possible

Project description:
"I’m refining a section of my Shopify storefront and need a small, self-contained snippet that adds an eye-catching interaction:

• As the visitor scrolls, each line of text should glide upward with a smooth scroll motion.
• While that happens, the letters transition through a subtle single-color fade (no gradients or cycling).
• In perfect sync, the related product image slides up to replace the previous one.

Please write the effect in clean, lightweight HTML/CSS. JavaScript is acceptable only for scroll-trigger detection if CSS alone can’t do it; keep any script minimal and theme-agnostic so I can drop the code into a section file or a custom-liquid block without breaking Online Store 2.0 standards. All code must be responsive and work in modern browsers, including Safari on iOS.

Deliverables
1. A commented snippet (HTML, CSS, optional JS) ready to paste into my theme.
2. A quick note explaining where to place the snippet and how to assign text-to-image pairs inside the Shopify editor.
3. A short demo video or GIF confirming the smooth scroll, single-color fade, and image slide-up all run in sync.

I’ll test on my live preview: if the effects flow smoothly, don’t clash with existing theme styles, and add zero console errors, the job is done." (client-provided description)