Experiments

HTML Artwork

Simple sketches made using only HTML+CSS, and possibly some JavaScript.

View Gallery >

Fake 3D Scrolling Floor

I needed a 720p-sized purple grid reminiscent of the 80s fake computer look. Rather than hop into an animation program, why not just generate this in HTML? This turned out to be much faster and easier to control. Click the grid to stop/start.

View Demo >

 

CSS3 Globe of Awesome

A more interesting example of CSS 3D transforms to take any given image, break it into 75×75-pixel DIVs, and spin them around an axis. Moving the mouse increases the rotational velocity.

View Demo >

 

CSS3 Flip Test

Simple application of 3D transforms to DIV content. Works on most WebKit browsers.

View Demo >