Create a gist now

Instantly share code, notes, and snippets.

Embed
#parent {
background-color: rgb(225, 223, 223);
height: 100vh;
}
.container {
display: inline-block;
cursor: pointer;
}
.bar1,
.bar2,
.bar3 {
width: 35px;
height: 5px;
background-color: rgb(187, 187, 187);
margin: 6px 0;
transition: 0.4s;
}
.change .bar1 {
-webkit-transform: rotate(-45deg) translate(-9px, 6px);
transform: rotate(-45deg) translate(-9px, 6px);
}
.change .bar2 {
opacity: 0;
}
.change .bar3 {
-webkit-transform: rotate(45deg) translate(-8px, -8px);
transform: rotate(45deg) translate(-8px, -8px);
}
#nav-bar {
background: black;
padding: 0.2em;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment