<div class="cp_hmenuac11">
	<span></span>
	<span></span>
	<span></span>
</div>

.cp_hmenuac11 {
	position: absolute;
	width: 40px;
	padding: 1.5em;
	cursor: pointer;
}
.cp_hmenuac11 > span {
	display: block;
	width: 100%;
	height: 5px;
	margin: 5px auto;
	-webkit-transition: all 0.5s ease-in-out;
	        transition: all 0.5s ease-in-out;
	border-radius: 5px;
	background: #F06292;
}
.cp_hmenuac11:hover > span:first-child {
  -webkit-transform: translateY(10px) rotate(-90deg);
          transform: translateY(10px) rotate(-90deg);
  opacity: 0;
}
.cp_hmenuac11:hover > span:last-child {
  -webkit-transform: translateY(-10px) rotate(90deg);
          transform: translateY(-10px) rotate(90deg);
}
.cp_hmenuac11:hover > span:nth-child(2) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}