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 11653 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, 2016

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, 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

Search Freebie

Search for:

Browse by Category

Free PSD (1,306)
- App design (107)
- Icons (309)
- Mockups (332)
- UI kits (160)
- Miscellanea (156)
- Website templates (179)
Illustrator freebies (106)
Sketch freebies (190)
Free fonts (441)
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.