Skip to content

Instantly share code, notes, and snippets.


christiannwamba/block8.css Secret

Created May 30, 2018
What would you like to do?
#parent {
background-color: rgb(225, 223, 223);
height: 100vh;
.container {
display: inline-block;
cursor: pointer;
.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
You can’t perform that action at this time.