How do I layer images on top of each other so that they reveal when I scroll?

Melden · Jun 30, 2020

Hi there, I have been looking for this style of scrolling effect for a while now and haven't found any tutorial. This effect is shown on the home page of this wine comapny's website (link below)

https://www.chateauguiraud.com/

The images seem as though they are layered on top of each other and are static, but as you scroll

down the page, the next image is revealved as though there's an invisible blind.... that's the best I can describe it, so please click on the link and hopefully you'll understand what I mean haha.

I don't know the name of this effect, or if this is simply a trick, but could anybody let me know how I can achieve this in Adobe XD?

Thank you!

Melden · Jul 06, 2020

Hi there,

Thank you for reaching out. I would suggest trying overlay effect as mentioned in this article: https://helpx.adobe.com/in/xd/help/add-overlays.html and see if that helps. I am also keeping the discussion open for our experts so that they can also share their thoughts on this.

Thanks,

Harshika