Uses :hover
This animation uses the :hover selector, so keep in mind it behaves slightly different on touch devices.
1. Install with npm or Yarn
npm install delicious-hamburgers --save
yarn add delicious-hamburgers
2. Import Sass
@import "~delicious-hamburgers/scss/base";
@import "~delicious-hamburgers/scss/animations/shelf";
3. Add markup
<button class="hamburger hamburger--shelf" type="button">
<div class="inner">
<span class="bar"></span>
<span class="bar"></span>
<span class="bar"></span>
</div>
</button>
4. Add class .active
to activate the animation. For all customisation options and more info check out the README file.