I built a clock and designed it using CSS today. I learned how to work with transform, transform-origin, transition and transition-timing-function properties on CSS. I primarily only followed the instructions from today’s JavaScript30 course.

I also attempted to update the length of the seconds, minutes and hours hands using CSS, but I haven’t made any progress so far. I will be attempting to modify that another day, and also will be attempting to handle the logic when the clock hits the hour mark – which Wes Bos did not cover on the video. I believe that allowing learners to figure out a few on their own is a nice idea – it’s a nice way to encourage them to explore their skill set. šŸ’Æ

JavaScript30 - Day 02 - CSS clock
JavaScript30 – Day 02 – CSS clock

The clock is available for real-time viewing here and the code is published here as well. The live clock page can be set as a new tab/window on your browser. šŸ˜‰

Published by Arun

Happiness Engineer, Automattic; Prev, Freshworks Inc