Dropdown Menu Animation

Glasshouse_web_anim_02

23 Responses

  1. Jeremey Fleischer Jeremey Fleischer

    Just Playing

    about 1 year ago

  2. Wes O'Haire Wes O'Haire

    Damn that's sexy.

    likes

    about 1 year ago

  3. Ryan French Ryan French

    @Jeremey Fleischer This is great, would love to see this implemented. Reminds me of the effect on www.snowbird.com

    likes

    about 1 year ago

  4. Fixer Creative Co. Fixer Creative Co.

    Love it.

    about 1 year ago

  5. Jonathan Bowden Jonathan Bowden

    wow. can i see the code... ;)

    likes

    about 1 year ago

  6. Julien Lambé Julien Lambé

    Superb ! Can't wait to see it :)

    about 1 year ago

  7. Samuel Couto Samuel Couto

    Love that interaction!
    But is this the main navigation interaction for the desktop site? I see this as a great solution for the mobile version.
    I don't understand the need to add one more click when you can have the whole 4 links on the top bar right from the beginning.

    likes

    about 1 year ago

  8. Corey Michaud Corey Michaud

    @Samuel Couto
    I kind of agree, but at the same time, it creates a nice emphasis on the homepage imagery and products without having the nav to scan as well. A litte unconventional, but I think it adds quite a flavor to it.

    Nice work @Jeremey Fleischer.

    about 1 year ago

  9. Andrey S. Rodrigues ☝ Andrey S. Rodrigues ☝

    really nice ;)

    about 1 year ago

  10. Chris Beach Chris Beach

    Love the animation. Way to push. What site is that ? I actually like the furniture.

    about 1 year ago

  11. Jeremy Sallée ✦✦✦	Jeremy Sallée ✦✦✦

    This is very creative.

    The only problem I would see would be code wise. Pushing the elements down (margin-top trasition or anything like it) can get very very laggy on browsers. Especially if there is a lot of content in the page. The browser has to move all the elements and it can be pretty heavy for it. I would, even if less sexy, go for an overlay method.

    likes

    about 1 year ago

  12. Jeremey Fleischer Jeremey Fleischer

    @Jeremy Sallée ✦✦✦ I completely agree. Really this was just a fun experiment to try, but I think having an overlay would be much more practical. Thanks for the feedback man!

    likes

    about 1 year ago

  13. Jeremey Fleischer Jeremey Fleischer

    @Chris Beach I pulled the images from Svpply. Its just a site I designed in order to experiment with this dropdown idea.

    about 1 year ago

  14. James Fletcher James Fletcher

    Very nice.

    about 1 year ago

  15. Ribbons of Red Ribbons of Red

    This is amazing!

    about 1 year ago

  16. Gijs Rogé Gijs Rogé

    Awsume , couldn't resist playing with this: https://dl.dropbox.com/u/15198233/playground/collapsemenu/index.html

    @Jeremy Sallée ✦✦✦
    This only changes the height of the dropdown container. And pushes content down respectively, not sure if this also creates lagg. But i don't think it will affect the performance that much.

    likes

    about 1 year ago

  17. Jeremey Fleischer Jeremey Fleischer

    @Gijs Rogé That's amazing! Nice work man!

    likes

    about 1 year ago

  18. Chris Williams Chris Williams

    I love that this breaks tradition on what's expected from the nav and enjoy the forced interaction. If we as designers don't push the limitations of what's expected, how will those limitations ever change? Nice work man!

    likes

    about 1 year ago

  19. Rocketmind Rocketmind

    Very nice!

    about 1 year ago

  20. Ian Gadson Ian Gadson

    Yeah really nice!

    about 1 year ago

  21. Julieta Felix Julieta Felix

    Lovely!

    about 1 year ago

  22. Jeremey Fleischer Jeremey Fleischer

    @Chris Williams I completely agree! Thanks for the comment man

    about 1 year ago

  23. Chris Williams Chris Williams

    @Jeremey Fleischer ... Of course. Keep pushing!

    about 1 year ago

keyboard shortcuts: previous shot next shot L or F like