• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

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

New Here ,
Jun 30, 2020 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

377

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
community guidelines
Adobe Employee ,
Jul 06, 2020 Jul 06, 2020

Copy link to clipboard

Copied

LATEST

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

Votes

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
community guidelines