Hi all,
Just having a bit of fun really. I think this might be the first real CSS driven clock face.
I’ve been mucking around with -webkit-transform: rotate and came up with this idea for the clock. It’s Safari only ( the lastest release ) as it’s the only one I know that supports the Rotate feature in CSS3.
I’ve used jQuery to get the date/time info and translate that into an angle in degrees for each clock hand before injecting the webkit CSS3 style info. It even validates as CSS2.1!!!
Like I said just a bit of fun but turned out ok I think.
Toby
Get the time here ( London time only, sorry! ;) )
CSS Clock