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.
Related Free Resources:
- Thumbnail Hover Effect with jQuery
- How to make sexy buttons with CSS
- JavaScript Table Sorter - TinyTable
- jQuery Timepicker - Easy Time Inputs
- Float-less CSS layouts
- Web Development Project Estimator
- Remote Linking - Multiple Clickable Areas with CSS
- CSS Animated Progress Bar
- Download Free Project Management Icon Set
- SimpleViewer - Free Flash Image Gallery
Loading...
Bookmark Visual-Blast