Cut & Paste CSS3 Analog Clock
|
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.
Example:
Directions
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.