This is a clock that runs on purely JavaScript, HTML, and CSS. It takes an PNG image and the basic HTML and CSS layout, then uses CSS animations to rotate the hands on the clock. The JavaScript provides the logic to move the hands according to the number of hours, minutes, and seconds there are in the time of the browser and also background ticking sound.
HTML
CSS
JavaScript
PNG Image
mp3 Soundtrack
Animated Analog Clock in Real-Time
Responsive
Ticking Clock sound in the Background