The New Dropbox(dropbox.design)

over 5 years ago from Bryan Zavestoski, Product Design @ Zavzen Design

  • Kris JonesKris Jones, over 5 years ago

    Anybody know how to achieve the masking effect over the logo that happens when scrolling the next div past it? I've seen this on parakeet.co for a while now.

    0 points
    • Alex ChanAlex Chan, over 5 years ago

      Not sure what portion of the landing page you're talking about, but I took a look on parakeet and they basically just have the logo duplicated for each section and filled a different color. The logo is then positioned fixed relative to the section so it appears to come out of the previous section.

      Not sure if my explanation makes sense, but if you inspect the site, it should be clear.

      0 points
    • Roland Hidvegi, over 5 years ago

      I think there is a wrapper with contains the logos with absolute position using z-index as well. Each logo has an own container with a defined height. On scroll at a specific position different logo containers opens and closes. Without looking the source.

      0 points