6 January 2018 / Clock

Apple Watch Clock works with simple CSS animation

Apple Watch Clock

This clock works with simple CSS animation. The JS is only used to catch the current time, and place the needles, the CSS does the rest.

Html
Css/SCSS
Javascript

Malik Dellidj

See the Pen Apple watch Clock by Malik Dellidj (@kowlor) on CodePen.

— HTML JavaScript CSS Snippets | CodeTea.com —

JS and CSS clock with sound.

Pure CSS clock design.

Pure HTML and CSS watch animation. Based on dribbble shot "Swiss Watch Face Design with Artificial Intelligence by Gleb".

— Next Post —

Simple flip clock that displays the current time with some basic CSS3 transitions.

— Prev Post —

Braun clock created in pure HTML and CSS for fun. Best rendered in Google Chrome. Still working out small visual bugs.