New:Socket for Asana Is Now Available.Learn more
Get Started

infinity-burger

Package Overview
Dependencies
Maintainers
1
Versions
10
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

infinity-burger

A new kind of hamburger menu.

Source
npmnpm
Version
4.0.0
Version published
Weekly downloads
6
-33.33%
Maintainers
1
Weekly downloads
 
Created
Source

infinity-burger

A new kind of hamburger menu.

No library dependencies. Cuts the mustard on CSSStyleSheet#replaceSync. Demo on zachleat.com and GitHub Pages.

  • Click once to start the animation. Uses a meandering horizontal position.
  • Click again to resets to the initial state, a three layer hamburger menu.

Markup:

<script type="module" src="infinity-burger.js"></script>
<infinity-burger></infinity-burger>

Release Notes

  • v1.0 and v2.0: Click states: (a) single vertical column (b) random position and rotation (c) resets back to vertical column (d) reset to three bars
  • v3.0: Simplifies the thing to two states (on and off), the menu just meanders a bit on the horizontal axis.
  • v4.0: Uses a custom element with Shadow DOM, simplifies markup and removes external stylesheet.

Keywords

hamburger

FAQs

Package last updated on 18 Nov 2023

Related posts