{ Transforms, Transitions, and Animations Exercises. }

Using your newfound knowledge of CSS Animations, build a clock using entirely HTML and CSS! Here's an example:

css clock

There are a couple of things to note. First, the clock image above runs at 10x the speed of an actual clock; your clock should move at a normal rate. Second, you know enough CSS now to make your clock much nicer looking than this one!

(Hint: you may need to look into the transform-origin property when building your animation. Good luck.)

You can find the solution here

When you're ready, move on to CSS Resets

Continue

Get 100+ hours of free content, tutorials, and screencasts

Send us your email, and we'll give you a confirmation code to unlock all of our materials. No spam, we promise.