Benjamin Chadwick

CSS Clock

This fully-functional, 24-hour clock is coded entirely in CSS, apart from a few lines of JavaScript to initialise it. Once initialised, it's pure CSS that keeps the analogue clock ticking and the digital counters spinning. The key ingredients are CSS3 animations, Sass loops and a lot of patience.

The below pen was a "picked pen" on Codepen.io.

See the Pen CSS Clock by Benjamin Chadwick (@benjaminchadwick) on CodePen.