Discover the best layers websites created by professional designers. Get inspired and start planning your perfect layers web design today!

Just a demo to help with this forum request: http://forum.webflow.com/t/help-how-to-layered-scroll-interaction-site-design-reference-included/31083, should be clear + easy to use. Clone away!

Layered Scroll Demo

page-load animation with grid, using an overlay on the image to create a unique timed reveal. First broke the stock image into 6 frames.

Boxes on Boxes | Reveal Animation

Boxes Portrait Reveal

A way to use sticky to make a section show up from behind another section. If you have two divs. For this - 100vh each set to relative, on on top of the other. Then the second one make it sticky - bottom '0'. Make z-index on sticky div lower than first div and this happens.

Scroll From Under

Section Scroll From Under

App Layers

Interactive "App Layers"

Using z-index to build a website with minimal image content while conveying meaning.

Yolande James

yolande-james

Lionize

Experimenting with using layers and typography in conjunction with interactions. 

Like & comment if you found this useful!

Discover layers websites built by the Webflow community

Discover layers websites built by the Webflow community