Pure CSS 3 Analogue Clock

Ok so I haven’t posted anything here in ages. The forum thing never really happened because I got sidetracked upgrading my own site. I did make a pretty good start on it so maybe I’ll finish it one day, just not now.

…but enough of what I’m not doing… I’ve been looking at HTML5 and CSS3 recently and I’m really liking what I’m seeing. It’s just a shame that its going to be some time until it’s actually commercially usable.

Go here and help retire the lame evil that is IE6 http://petitions.number10.gov.uk/ie6upgrade/

Anyway, I’ve been experimenting with CSS 3 and I cannot wait till all the main browsers have full support for it. I found this demo here http://www.fofronline.com/experiments/clock/#clock for a CSS3 analogue clock and decided to try make my own.

Here it is:

It’s an analogue clock that is created using nothing but CSS, not even images. There is some JavaScript but that’s only there to to find out what the time is.

Compatible browsers: Google Chrome, Safari 4

[ click here to see clock in action ]

Tags: , , , ,

One Response to “Pure CSS 3 Analogue Clock”

  1. Pure CSS Experiments…

    This collection started due to a post on the Web Help Forum, where one of its members shared her creation of a css based keyboard. I have personally only used css for its intended purpose of styling a website and have never really experimented with it …

Leave a Reply

Spam protection by WP Captcha-Free


WordPress