Primary Menu

Home > Code stuff > 10 CSS hamburger menu effects

10 CSS hamburger menu effects

Code

Hamburgers is a collection of 10 hamburger menu animations made with CSS. The project includes Sass (.scss) files and ARIA controls to provide accessibility support. Coded by Jonathan Suh.

View project and demos

Posted on March 3, 2016 in Code stuff, Navigation menus and tagged navigation, buttons, menu. This post has been viewed 11460 times.

Ready to use Graphic Assets

You should try this

Create mockups in seconds, no photoshop needed.

Related Freebies

A collection of ready-coded line style links you can for inspiration or create stunning navigation menus. Created by Codrops team.

January 7, 2016

Line style navigation menus

Code

A simple tutorial by Codrops that shows you how to create a Shazam-like morphing button effect with few lines of HTML and CSS.

November 25, 2015

Shazam button morphing effect

Code

A pure CSS code snippet to easily create a stretching navigation menu including a detailed tutorial by CodyHouse.

November 19, 2015

Stretchy navigation code snippet

Code

A tutorial by Codrops to create an animated hamburger menu icon with SVG using the Segment library by Luis Manuel.

November 13, 2015

Animated SVG menu icon

Code

Search Freebie

Search for:

Browse by Category

Free PSD (1,303)
- App design (107)
- Icons (309)
- Mockups (332)
- UI kits (160)
- Miscellanea (156)
- Website templates (176)
Illustrator freebies (106)
Sketch freebies (187)
Free fonts (439)
Code stuff (439)
- JS effects & plugins (118)
- HTML Website templates (81)
- HTML UI Kits (14)
- Miscellanea (138)
Free stock photosNEW
Submit a freebie
Advertise

Get the latest news on your email.

Leave this field empty if you're human:

Freebiesbug uses browser cookies to give you the best possible experience. To use Freebiesbug, you must agree to our Privacy Policy, including cookie policy. I agree.