css 汉堡手机导航图标

Posted 2021-05-13

<a id="hamburger" href="#"><span></span></a>

#hamburger span, #hamburger span:before, #hamburger span:after {
  cursor: pointer;
  border-radius: 1px;
  height: 5px;
  width: 35px;
  background: white;
  position: absolute;
  display: block;
  content: '';
}
#hamburger span:before {
  top: -10px;
}
#hamburger span:after {
  bottom: -10px; 
}