A simple hamburger menu example using html, css & jQuery.
12 hamburger icon animations
Android's Material Design hamburger animation built in CSS (with a sprinkle of JS).
Animated hamburger menu. It transforms into close icon when clicked.
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.
More fun with hamburger icon transitions. I seem to keep coming back to these lately!
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.
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.
Animation where the hamburger buttons transforms into an "X"
Need to know how to enable it? Go here.