Highlighted

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

New Here ,
Jun 30, 2020

Copy link to clipboard

Copied

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!

Topics

Design, How to, Prototyping

Views

41

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

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

New Here ,
Jun 30, 2020

Copy link to clipboard

Copied

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!

Topics

Design, How to, Prototyping

Views

42

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Employee ,
Jul 06, 2020

Copy link to clipboard

Copied

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

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Resources
Add a group