/animated-clock

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

Primary LanguageCSS

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.

Hand in

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