Breakdown and build of a typical hamburger menu complete with animations using CSS.

Mike Foskett - 11th January 2016(update: 10-07-2016)

Usability and accessibility first

First and foremost the hamburger icon isn't a universal symbol for a menu, even the term hamburger isn't widely known. I've seen reports state more clicks may be obtained by using the word Menu. Though I personally believe it's dependent upon your target audience. This site, for instance, is aimed at web-devs and not the general public, so the meaning should be clear.