summary | time | deliverables |
---|---|---|
Use CSS keyframe animations to make a clock face with rotating hands. |
1 hour |
1 HTML file, 2 CSS files, images |
- 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.
Hour hand rotation time: 6s
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.
Drop this folder into your Markbot application. Make sure to fix all the errors. And submit to Canvas using Markbot.