CSS & JS Clock – created using a combination of CSS and Javascript. The Javascript gets the user’s local time and updates the CSS <div> tags with the appropriate hour and minute classes.

Clock is broken down into 3 layers. Hour/Min/Sec arms are created using transparent PNG files and layered on top of each other using absolute positioning.

The clock moves in increments of five minutes. The author was hesitant to make 60 segments of the arm since this was just an experiment.

View DEMO

css & javascript clock