<button class="menu-burger">
  <span></span>
  <span></span>
  <span></span>
 </button>

 <style>
  .menu-burger {
	margin-top: 1px;
	margin-left: 16px;
	background-color: transparent;
	border: none;
	outline: none;
	cursor: pointer;
}

.menu-burger span {
	position: relative;
	display: block;
	margin-bottom: 4px;
	width: 21px;
	height: 2px;
	background-color: #e8e8e8;
	transition: 1s;
}

.menu-burger span:nth-child(2) {
	transition: 1s ease-in;
}

.burger-close span:first-child {
	transform: translateY(6px) rotateZ(45deg);
}

.burger-close span:last-child {
	transform: translateY(-6px) rotate(-45deg);
}

.burger-close span:nth-child(2) {
	opacity: 0;
	transition: 0s;
}
 </style>