Horizonal.js

Horizonal.js takes any static HTML document and transforms it into a collection of discrete “pages”. The transitions between one page an the next can then be programmed via CSS transforms, CSS animations, JavaScript, or any combination of these.

I made this after I read David Desandro’s Intro to CSS 3D Transforms and became fascinated with the idea that any DOM element can be transformed in 3D and animated.

Caution: Horizonal can be used for some pretty horrific and unnecessarily over-the-top transitions (as you’ll see in the demo), so use with caution!