Designer News
Where the design community meets.
over 5 years ago from Bryan Zavestoski, Product Design @ Zavzen Design
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.
Oh, you’re right. It’s actually pretty basic.
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.
Designer News
Where the design community meets.
Designer News is a large, global community of people working or interested in design and technology.
Have feedback?
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.