1

Tick-tock, tick-tock

Posted February 24th, 2010 in Art & Design, Development and tagged , , , by Leonardo

Want to see a sexy, JS and CSS powered clock? Crank up Chrome, Safari or Firefox 3.5+ and point your browser here.

As mentioned, the clocks are using only JS and CSS rotation to accomplish the animation. No Flash or HTML 5 canvas tags. The way it works is kind of clever, actually… the JS takes images in an { overflow: hidden } <div> and rotates them using the proposed CSS transform property.

The author, Jon Combe, has published some other clever goodies including a function that draws world maps on the fly using HTML 5′s canvas. Pay him a visit, click around and enjoy.






One Response so far.

  1. Jon Combe says:

    Hi Leonardo,

    thank you for the write-up, link and kind words, it is much appreciated. You have a nice site, I’ll be sure to be a regular visitor from now on.

    Thanks,
    Jon

Leave a Reply