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 8782 times.

Ready to use Graphic Assets

You should try this

Hemma: A WordPress theme for Holiday Houses

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,294)
- App design (107)
- Icons (305)
- Mockups (327)
- UI kits (160)
- Miscellanea (156)
- Website templates (176)
Illustrator freebies (94)
Sketch freebies (147)
Free fonts (419)
Code stuff (423)
- JS effects & plugins (116)
- HTML Website templates (71)
- HTML UI Kits (12)
- Miscellanea (137)
Free stock photosNEW
Contact me
Advertise

Share this

Search Freebie