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, 2016December 23, 2020 in Code stuff and tagged navigation, buttons, menu. This post has been viewed 12994 times.

Ready to use Graphic Assets

You should try this

Create mockups in seconds, no photoshop needed.

Related Freebies

A tutorial by CodyHouse shows you how to create a vertical fixed navigation. When hovering the bullets they transform themselves in round circles.

January 10, 2016December 23, 2020

Vertical fixed navigation with icon indicators

Code

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

January 7, 2016December 23, 2020

Line style navigation menus

Code

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

November 19, 2015December 23, 2020

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,226)
- Icons (294)
- Mockups (331)
- UI kits (152)
- Website templates (181)
Illustrator freebies (117)
Sketch freebies (221)
Free fonts (447)
Code stuff (407)
- HTML Website templates (88)
- HTML UI Kits (14)
Free stock photosNEW
Landing page inspirationsNEW
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.