JavaScript30 - Day 02

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

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. 😉


Share

comments powered by Disqus