Grow your CSS skills. Land your dream job.

sliding tabs

  • # January 6, 2013 at 8:18 am

    Hi,

    I am looking for a way to do the sliding down tabs as in this example without having to use Flash: http://www.youtube.com/user/Australiasoutback?feature=watch. It is the menu with the items “Destinations”, “Things to do”, … and the sliding content block under need them that I am talking about.

    Anyone willing to put me in the right direction? I guess it must be possible with JQuery in combination with CSS3?

    Thanks!

    # January 6, 2013 at 9:20 am

    this tutorial from nettuts might set you down the right path: http://net.tutsplus.com/tutorials/html-css-techniques/how-to-build-a-kick-butt-css3-mega-drop-down-menu/

    # January 6, 2013 at 5:28 pm

    Many thanks for your response, this is really great! Is there a way to make it more smooter in the transitions? I will experiment a bit to get all columns at full width because I really want the tab effect, while this is more dynamic menu effect. Really appreciated your response!

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".