Author: | swirlycheetah |
---|---|
Views Total: | 7,430 views |
Official Page: | Go to website |
Last Update: | October 22, 2014 |
License: | MIT |
Preview:

Description:
Material Design inspired hamburger animation which allows you to create an interactive & animated toggle icon, written in CSS3 and a little JavaScript magic.
How to use it:
Include the material-design-hamburger.css
in the header and the material-design-hamburger.js
at the bottom.
<link rel="stylesheet" href="material-design-hamburger.css"> <script src="material-design-hamburger.js"></script>
Build the Html structure for the hamburger icons.
<section class="material-design-hamburger"> <button class="material-design-hamburger__icon"> <span class="material-design-hamburger__layer"></span> </button> </section>
Done. Change & override the CSS styles whatever you like to your taste.
You can install via bower or npm as well as keep up with the latest updated versions of the library over at https://github.com/swirlycheetah/material-design-hamburger
It’s possible to take a same hamburger menu at https://www.google.com/design/spec/what-is-material/environment.html (top of page, scrool in menu, …) ? Thanks