Tick Tock – A CSS & JS Clock
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.
Visit Website
View Demo
This is very up-to-date information. I’ll share it on Twitter.
FANTASTIC!