Grow your CSS skills. Land your dream job.

What would you call this kind of menu?

  • # March 19, 2013 at 2:49 pm

    Was doodling with CSS for no good reason and I ended up with this:

    http://codepen.io/Merri/full/BApJl

    In initial state menu is horizontal, but it swithes to vertical mode when the menu is open.

    This idea occurred to me initially when I was thinking about the most compact ways for a menu to be represented and how many menus these days tend to have multiple columns in them. Turning the menu vertical seemed to be somewhat obvious way to gain more vertical space for columns, and as an added bonus I didn’t need to hack :target so that menu items can be changed.

    Now I wonder if this kind of menu has been done before? I’ve seen a lot of them but I haven’t really seen any other to switch from horizontal to vertical (or doing the opposite). Whether this is usable on a real site… I guess isn’t up to me to say.

    # March 19, 2013 at 3:12 pm

    Larry

    # March 19, 2013 at 3:26 pm

    Already reserved for [something else](http://download.cnet.com/Larry-Menu/3000-2072_4-139819.html) :/

    # March 19, 2013 at 3:32 pm

    damn – so fitting…
    ;)

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

You must be logged in to reply to this topic.

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