Answer 1

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 ^_^