CSS 3D controller

Control the position of a box in 3D space

Built using CSS3,


More About This Demo From The Author

Using just CSS to control the position of a box within a 3D space. Left, right, forward, backwards, rise and fall can be accurately positioned using click to operate buttons.
This is based on an original idea by http://dabblet.com/gist/2076449 which controls a character in 2D.
The animation and control is very smooth in Chrome and Safari, Firefox makes a reasonable attempt, but doesn't quite make it.

1 comment so far

Log in to add your own.

  1. geckotang said,

    really nice!
    ":active" and "transition-delay" is pretty useful.

About this Demo

Download the Source 27.41 KB · ZIP File

Browse the Source

This demo is released under the GPL license.

More by Stu Nicholls