Forums

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
    Posts
  • #23518
    Toby Pitman
    Participant

    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

    #60222
    jacko
    Member

    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.
    [attachment=0]jquery.schoolclock.zip[/attachment]

    Jacko Chang
    jacko.chang at vivotek.com

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