Home / Free JavaScripts / Clocks, Calenders, And Timers / Here

Cut & Paste CSS3 Analog Clock

Credit: JavaScript Kit

Description: This is an live analog clock created using HTML and CSS3 only, with no images involved! As such you can easily customize the size of the clock and its colors etc. The clock works in IE9+ and all modern versions of other browsers, including on mobile.



Step 1: Insert the below into the <HEAD> section of your page:

It references the CSS file css3clock.css (download by right clicking file, and selecting "Save As".

Step 2: Then, to display the clock, insert the following code in the BODY section of your page where you wish the clock to appear:

To customize the size and color of the clock, edit css3clock.css by referring to the comments inside the file.

JavaScript Tools:
Site Info

CopyRight (c) 2018 JavaScript Kit. NO PART may be reproduced without author's permission. Contact Info