ashtastic / animated-clock

Use CSS keyframe animations to make a clock face with rotating hands.

Animated clock

• Approx. completion time: 1 hour
• Deliverables: 1 HTML file, 1 CSS file, images

---

Use CSS keyframe animations to make a clock face with rotating hands.

• The hands on the clock should automatically rotate around the clock face—completing 12 hours.
• The HTML is completely done.
• Some of the CSS is already complete for you.

---

Goal

Visually match the images in the “screenshots” folder and create the interaction shown in the linked video.

• Final screenshots in the “screenshots” folder.
• Watch this video to see how it interacts.