0.0.5 • Published 8 years ago
hamburger-menu-components v0.0.5
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
© RyotaHirano