hamburger-menu-components

DEMO

http://ryotahirano.github.io/hamburger-menu-components

---

Usage

npm i hamburger-menu-components

javascript

import HamburgerMenuComponents from 'hamburger-menu-components';

const hamburgerMenu = new HamburgerMenuComponents({ target: '.js-hamburger-button' });
hamburgerMenu.bindClick();

scss

@import '../../node_modules/hamburger-menu-components/css/hamburger-menu-components';

html

<!-- rotate -->
<div class="hamburger-button burger-rotate-normal js-hamburger-button">
  <div class="bar"></div>
</div>

<!-- fade out -->
<div class="hamburger-button burger-fadeout js-hamburger-button">
  <div class="bar"></div>
</div>

<!-- fade out delay -->
<div class="hamburger-button burger-fadeout--delay js-hamburger-button">
  <div class="bar"></div>
</div>

<!-- join -->
<div class="hamburger-button burger-join js-hamburger-button">
  <div class="bar"></div>
</div>

<!-- join funny -->
<div class="hamburger-button burger-join--funny js-hamburger-button">
  <div class="bar"></div>
</div>

---

License

MIT

© RyotaHirano