Ondreas/Menu 'Navicon' with CSS3 Gradient.html

## Menu 'Navicon' with CSS3 Gradient.html
<html>
<head>
  <title>Three Line Menu 'Navicon' with CSS3 Box-Shadow</title>
  <!-- http://css-tricks.com/three-line-menu-navicon/ -->
  <meta charset="utf-8"/>
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"/>

<style type="text/css">
.gradient-menu {
  padding-left: 1.25em;
  position: relative;
}
.gradient-menu:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0.21em;
  bottom: 0.21em;
  width: 1em;
  background: linear-gradient(
    top,
    black, black 20%,
    white 20%, white 40%,
    black 40%, black 60%,
    white 60%, white 80%,
    black 80%, black 100%
  );
}
</style>
</head>
<body>
  <a href="#menu" class="gradient-menu">Menu</a>
</body>
</html>