Grow your CSS skills. Land your dream job.

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 http://www.magainagain.com.au/, 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.

    Thanks,

    # December 3, 2012 at 3:25 pm

    I believe the animation itself is just a .gif ([found here](http://www.magainagain.com.au/images/clockanim.gif)). 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.

*May or may not contain any actual "CSS" or "Tricks".