SlashGlobe: A 3D CSS experiment

27 July 2011


A Blue Perspective: SlashGlobe: A 3D CSS experiment

See the neon-spinny-3D-globe experiment

The third dimension isn't my strong suit; I'm fine with pixels but not with voxels. To start combatting this I thought I'd have a play around with the 3D CSS transforms that are available in the latest Webkit browsers (Chrome & Safari; sorry Firefox!)

What I set out to achieve was a neon-spinny-globe thing and I pretty much got there. I even managed to throw some Max Headroom aesthetic into the mix.

This experiment comes as-is, with all sorts of browser exclusions (and is best viewed in Chrome), so don't bug me if it doesn't work for you. Otherwise, enjoy the neon spinnyness.


, , ,


  1. 1/2

    Mikey McCorry commented on 27 July 2011 @ 15:26

    I want a hardware version of this to hang up and use as a disco ball.

  2. 2/2

    julien commented on 28 July 2011 @ 00:13

    very very very cool :) thanks for sharing

  3. Leave your own comment

    Comments have been turned off on this entry to foil the demons from the lower pits of Spamzalot.

    If you've got some vitriol that just has to be spat, then contact me.

Follow me on Twitter

To hear smaller but more regular stuff from me, follow @themaninblue.

Monthly Archives

Popular Entries

My Book: Simply JavaScript

Simply JavaScript

Simply JavaScript is an enjoyable and easy-to-follow guide for beginners as they begin their journey into JavaScript. Separated into 9 logical chapters, it will take you all the way from the basics of the JavaScript language through to DOM manipulation and Ajax.

Step-by-step examples, rich illustrations and humourous commentary will teach you the right way to code JavaScript in both an unobtrusive and an accessible manner.

RSS feed