Perspective Layout

Perspective Layout

This piece is a concept on how to use CSS 3d and transforms to create a real perspective when scrolling (It's experimental and not for production). I think a clean product presentation could fit this effect quite good.

Designed and coded directly in the browser on Codepen.
Best viewed in Chrome / Safari

DEMO | Source

keyboard shortcuts: L or F like Z toggle zoom