Heads up! This blog post hasn't been updated in over 2 years. CodePen is an ever changing place, so if this post references features, you're probably better off checking the docs. Get in touch with support if you have further questions.

I noticed a theme in some of the Pens that caught my eye recently — time. It all started when I saw Vicio Bonura’s jaw-dropping “Rotating Clock”.

See the Pen Rotating Clock by Vicio Bonura (@V17h3m) on CodePen.

Then, I got goosebumps from Goran Rakic’s stunning Prince tribute, a recreation of Sign O’ The Times in pure CSS.

See the Pen Sign O’ The Times – original video in pure CSS by Goran Rakic (@golle404) on CodePen.

On Monday, I had the pleasure of watching some of Ana Tudor’s live Professor Mode session where she created this Pen, “a matter of timing” (in about half an hour!)

See the Pen a matter of timing (pure CSS 3D) by Ana Tudor (@thebabydino) on CodePen.

The next day, I noticed the beginning of something new, Philip Zastrow’s collection of clocks.

If all this time travel got you itching to create a timepiece, check out Tim Holman’s Clocks and Timers collection for even more inspiration ⏰