A simple hamburger menu example using html, css & jQuery.
12 hamburger icon animations
Animated hamburger menu. It transforms into close icon when clicked.
Android's Material Design hamburger animation built in CSS (with a sprinkle of JS).
CSS Animated Hamburger Icon with Transforms
Let's toss some hamburgers on the grill
Many folks use these, and their merits can be argued, but for practical purposes, the "Hamburger" icon has familiarity going for it, at the very least. These animations add a little more transparency to what it means from a UI perspective by transforming it into another recognizable icon - the closing "x". Full walkthrough here: http://designcouch.com/home/why/2014/06/23/playing-with-hamburger-icon-animations/
Animated and intuitive hamburger icon.
I came up with this idea to use the :checked selector to activate a hamburger menu. This is it, no js to toggle a class.
A fancy little menu hamburger animation.
More fun with hamburger icon transitions. I seem to keep coming back to these lately!
I've been reading a lot about the UX of hamburger menus of late. I think the main problem is that the usual 3 lines we are all used to do not accurately represent a hamburger...until now.
Need to know how to enable it? Go here.