The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums Other CSS3 and jQuery Clock face – Safari only!

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #23518
    Toby Pitman

    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.


    Get the time here ( London time only, sorry! ;) )

    CSS Clock


    Hi Toby,

    Very good idea, I feel very sad it don’t work in Firefox and IE. So, I add jquery plugin for it.

    Now, Old School Clock can tick in Firefox or IE.

    Jacko Chang
    jacko.chang at

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘Other’ is closed to new topics and replies.