dribbble
Toggle navigation
  • Sign in
  • Sign up
  • Shots
    • Popular Shots
    • Recent Shots
    • Debuts
    • Playoffs
  • Designers
    • Trending Designers
    • Popular Designers
  • Teams
    • Trending Teams
    • Popular Teams
    • Add Your Design Team
  • Community
    • Blog
    • Podcast
    • Meetups
    • Hang Time Los Angeles
    • Host a Meetup
  • Jobs
    • All
    • Remote
    • Teams Hiring
    • Post a Job
  • Hiring
    • Hiring at Dribbble
    • Add Your Design Team
  • More
    • About
    • Shop
    • Help
    • Careers
    • Code of Conduct
    • Media Kit
    • Apps & Integrations
    • API
    • Advertise
    • Goods by Designers
    • Colors
    • Designers by Location

close
Tamas Kojo

hamburger menu

by Tamas Kojo

  • Save
  • Like
hamburger menu morphing clean awesome flat responsive animation gif menu hamburger logo icon

Codrops article:
http://tympanus.net/codrops/2015/11/12/animating-svg-menu-icon-segment/

VisualHierarchy article:
https://visualhierarchy.co/blog/improve-your-ux-functional-animations/

DigitalSynopsis article:
http://digitalsynopsis.com/design/gif-icons-menu-transition-animations/

GitHub:
https://github.com/codrops/AnimatedMenuIcon

Pinterest icon Pin Twitter icon Tweet Copy
  1. animation
  2. awesome
  3. clean
  4. flat
  5. gif
  6. hamburger
  7. icon
  8. logo
  9. menu
  10. morphing
  11. responsive
  • #28B873
  • #FFFFFF
  • #8EDAB6
  • #A5E1C4
  • #D2F0E1
29,050 views
347 likes
45 saves
Sep 28, 2015

1 Rebound

  1. hamburger menu (2)
Follow Following Blocked

More from Tamas Kojo

  1. Gameboy
  2. Notebook store
  3. Kupon Korona logo motion
  4. Shop

keyboard shortcuts: L or F like


dribbble
Show and tell for designers

What are you working on? Dribbble is a community of designers sharing screenshots of their work, process, and projects.

Icon team dribbble Icon team twitter Icon team facebook Icon team instagram Icon team blog

Dribbble

  • About
  • Help
  • Contact
  • Careers
  • Terms
  • Guidelines
  • Privacy
  • Shop
  • Testimonials
  • Media Kit
  • Advertise
  • API
  • Apps

Hiring at Dribbble

  • Post a job
  • Search designers
  • Add your team

Jobs for Designers

  1. Bdd1ffd9a06d66f3782a60f3d2e3444d Icon edit button Auth0 Brand Designer Buenos Aires
  2. Bb9535e7d554f420cf10e67c4409afca Icon edit button WillowTree Senior Product Designer Durham, NC
  3. 158771ec062fe84d57c1f7f98fb293a3 Icon edit button StockX Product Designer Detroit, MI (relocation available)
Overtime ad Dribbble’s official podcast goes behind the shots of your favorite designers. Listen to Overtime

3,812,393,262,277 pixels dribbbled

© 2019 Dribbble. All rights reserved.

Made with ♥ remotely from
Salem, MA Walnut Creek, CA Victoria, BC Centennial, CO Bournemouth, UK Vancouver, BC Montreal, QC Roseville, MN Rome, GA Peterborough, NH Oakland, CA Austin, TX Mystic, CT Saint Charles, MO Des Moines, IA Salt Lake City, UT Lander, WY Cote St Luc, QC Womelsdorf, PA Minneapolis, MN Highlands Ranch, CO San Francisco, CA Silver Spring, MD London, ON Pottstown, PA Phoenix, AZ Sacramento, CA Farmers Branch, TX Marina del Rey, CA Murray, UT Orlando, FL Paris, France Brookline, MA Los Angeles, CA San Rafael, CA San Luis Obispo, CA Atlanta, GA Tucson, AZ
Icon shot x light
close

Discover the world’s top Designers & Creatives

Art by Justin Mezzell
Sign up with Google Twitter icon Facebook icon
sign up with email

Error

    Minimum 6 characters

    Uh oh… We’re still waiting for our spam prevention code to load.

    If this message doesn’t go away soon, please ensure JavaScript is enabled, your ad blocker is disabled, and reload the page to try again.

    Already a member? Sign in

    Sign in with Google Twitter icon Facebook icon
    Forgot your password?

    Not a member? Sign up