/animated-clock

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

Primary LanguageJavaScript

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.