+ 6
HTML -
<div class = "hamburger-menu">
<span> </span>
<span> </span>
<span> </span>
</div>
CSS -
.hamburger-menu {
float: right;
padding: 20px;
transition: all, 0.5s;
}
.hamburger-menu > span {
color: #fff;
background-color: #fff;
width: 30px;
height: 3px;
margin-bottom: 5px;
display: block;
}
/*Animation*/
.hamburger:hover {
transform: scale (1.1,1.1);
}
------------------------------
I use this "trick" with the <span> but there are many way for do this, search on Google ^_^