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
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.
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.
More fun with hamburger icon transitions. I seem to keep coming back to these lately!
A fancy little menu hamburger animation.
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.