The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Programming Fundamentals" Dec 02 - 2:00 PM Eastern

cool clock navigation thing

  • # December 3, 2012 at 3:11 pm

    Hey all,

    I’ve spent the last couple of hours trying to figure out how to do something like this cool navigation thing i found on a website and i’ve had no luck so I thought i’d come here and see if anyone else had any ideas.

    The Address is, it’s the little stop watch graphic just below the main navigation. At first I thought it was Flash but it’s not so i’m guessing it must be javascript of some kind.


    # December 3, 2012 at 3:25 pm

    I believe the animation itself is just a .gif ([found here]( And the movement of the dial knobs is simply a changing of the background-position of a new background-image on a :hover (well, not a new one, it’s just a separate image that was off the page before the :hover).

    # December 3, 2012 at 5:49 pm

    thanks for that Desjardins :)

Viewing 3 posts - 1 through 3 (of 3 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed