Jump to content

Trippy Scrolling Parallax for Squarespace

Recommended Posts

Site URL: https://yelvy.com/

Hi guys, 

I found this cool site: https://yelvy.com/ and I love how the images seems to stretch out and give the effect of multiple images stacking ontop of one another for a moment as you scroll. I've been trying on my own to figure out how to do this is Squarespace. Is it possible?

The site seems to be using "scroller-wrapper." Does anyone know some CSS I could use to mimic this exaggerated effect on some product images I have on my site? I have tried playing around with 'transfrom:translate3d' and searching parallax injections but I'm still pretty new to CSS and any feedback/ideas would be appreciated!  

Some code from the website:

<div class="scroller-wrapper" scrollbar="" data-scrollbar="" tabindex="1" style="overflow: hidden;outline: none;">
        <article class="scroll-content" style="transform: translate3d(0px, -656px, 0px);">

Thank you,

zz

Link to comment
  • Replies 0
  • Views 244
  • Created
  • Last Reply

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.