lpf1379ehs / css3dtimemachine

An Demonstration of CSS3 3D Time Machine Effect

CSS3dTimeMachine

This is a demonstration of CSS3 3D Time Machine effect.

This version is inspired by @joecritchley's demo: http://joecritchley.com/demos/time-machine, which only support Chrome, and requires jQuery libraries.

In this version, browser compatibility are greatly improved. Now Chrome, Safari, Opera, Firefox, and IE(>10) are supported.

Also it eliminated external library dependencies. To run a demo, all you need is just index.html.

One more good point: when users want to move to another item , instead of clicking 'previous' or 'next' botton, now they can scroll mouse or click on an item they interested, or use arrow keys to navigate throw them.

That's it. One HTML file that utilizes CSS3 3D effects.

Hope it is useful to somebody.