add transition to hamburger menu
Signed-off-by: Arthur Lu <learthurgo@gmail.com>
This commit is contained in:
parent
2f459f7c5b
commit
08fc8d127b
14
css/nav.css
14
css/nav.css
@ -61,11 +61,17 @@ nav a, nav h1, nav label {
|
|||||||
display: inline-block;
|
display: inline-block;
|
||||||
}
|
}
|
||||||
|
|
||||||
#hamitems {
|
#hamburger ~ #hamitems a {
|
||||||
display: none;
|
height: 0;
|
||||||
|
padding: 0 0.5em;
|
||||||
|
border: 0;
|
||||||
|
transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||||
}
|
}
|
||||||
|
|
||||||
#hamnav input:checked ~ #hamitems {
|
#hamburger:checked ~ #hamitems a {
|
||||||
display: block;
|
height: 2.5em;
|
||||||
|
padding: 0.5em;
|
||||||
|
border: 1px solid #333;
|
||||||
|
transition: height 250ms cubic-bezier(0.23, 1, 0.32, 1);
|
||||||
}
|
}
|
||||||
}
|
}
|
Loading…
Reference in New Issue
Block a user