A new kind of hamburger menu
JavaScript CSS HTML
Permalink
Failed to load latest commit information.
LICENSE
README.md
demo.html
infinity-burger.css
infinity-burger.js
package.json

README.md

infinity-burger

A new kind of hamburger menu

No library dependencies. Cuts the mustard on requestAnimationFrame and classList. Demo on zachleat.com.

Clicks:

  1. Starts the infinity burger animation. Continues to the bottom of the document.
  2. Randomizes the position of the burger layers.
  3. Resets the randomizer position to the default state (a vertical column).
  4. Resets to the initial state, a three layer hamburger menu.

Markup:

<div class="infinity-burger" id="infinity-burger" aria-hidden="true">
    <div></div>
    <div></div>
    <div></div>
</div>