Space.js - Narrative 3D ScrollingWebsite
comment 0

Create a Narrative 3D-Scrolling Website With Space.js

Space.js is a HTML-driven JS library for narrative 3D-scrolling created by Patrik Göthe. The goal of this experimental library is to explore a new way of presenting content on the web by introducing a new dimension to our usual scrolling behavior. It works by dividing your HTML sections into frames called space-frame and transition them in and out of the screen as you scroll. The default frame transition is to enter by fading in and exit by scaling up and then fading out however you can compose your own transitions using properties like opacity, scale, translate3d and rotation with the API. Hit the button below to learn more or view some demos.

View More   View Demo

Filed under: JavaScript

About the Author

Posted by

Sani Halid is a front-end developer at Stampede and is committed to clean and elegant code. Yet another gamer to join the pack, Sani is also the Editor at Constructs where he shares his daily CSS findings and other front-end development goods.

Leave a Reply