Quick project. Hadn't ever built an analog clock in JS before, now I have.
transform-origin before, so that was nice to learn about. Will come in handy at some point I'm sure. CSS Transforms are super easy and seem pretty powerful. It's nice to be using them during this challenge as they will feel second nature by the end of the week I'm sure.
There's a quirk when transforming a clock hand 360 degrees around a point that when you transform from 360 => 0, any animations you have run in reverse. I controlled for this by never resetting to 0 and just adding additional time on top of the actual time. (e.g. 1 second => 61 seconds => 121 seconds).
There are probably better ways to account for that, but it worked to smooth out my clock just fine and you know what they say about optimization.
Completion Time: ~30 Minutes