Skip to content

callmenick/Animating-Hamburger-Icons

master
Switch branches/tags

Name already in use

A tag already exists with the provided branch name. Many Git commands accept both tag and branch names, so creating this branch may cause unexpected behavior. Are you sure you want to create this branch?
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
css
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Animating CSS-Only Hamburger Menu Icons

A collection of animating CSS-only hamburger menu icons. View demo here.

Usage - CSS or Sass

You can use as is and configure the CSS manually, or you can make use of the Sass file and the configuration block. Here's the config options:

$button-width: 96px;                    // The width of the button area
$button-height: 96px;                   // The height of the button area
$bar-thickness: 8px;                    // The thickness of the button bars
$button-pad: 18px;                      // The left/right padding between button area and bars.
$button-bar-space: 12px;                // The spacing between button bars
$button-transistion-duration: 0.3s;     // The transition duration

License

Licensed under the MIT license, http://www.opensource.org/licenses/mit-license.php

Copyright 2014, Call Me Nick

http://callmenick.com

Live Demo

View the live demo here.

About

Animating CSS-only hamburger menu icons

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published