Skip to content

coderLMN/CSS3dTimeMachine

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

19 Commits
 
 
 
 

Repository files navigation

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 supports Chrome, and requires jQuery libraries.

In my version, browser compatibility are greatly improved. Now Chrome, Safari, Opera, Firefox, and IE(version >9) 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 through them.

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

You may try it here: https://coderlmn.github.io/CSS3dTimeMachine/ .

About

基于 CSS3 3D 的时光机器效果演示

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages