AlexandraPhilip / animated-clock

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

summary	time	deliverables
Use CSS keyframe animations to make a clock face with rotating hands.	1 hour	1 HTML file, 2 CSS files, images

Animated clock

Overview

• Fork this repository.
• The hands on the clock should automatically rotate around the clock face—completing 12 hours.
• Some of the CSS is already complete for you.
• DO NOT change the HTML file.
• Run it through Markbot and make sure it passes all the checks.

---

Details

Hour hand rotation time: 6s

---

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.

---

Hand in

Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.