SethTrowbridge/devo-book
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

open/clonse transition no clip

Browse Source
This commit is contained in:
TreetopFlyer 2021-08-13 17:17:33 -04:00
parent 61ee90400e
commit ba60213b14
1 changed files with 14 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
index.html
View File

@ -379,20 +379,32 @@ nav .button::before, nav .button::after
text-align: center; text-align: center;
text-transform:uppercase; text-transform:uppercase;
font-weight:900; font-weight:900;
transition:left 0.4s;
} }
nav .button::before nav .button::before
{ {
box-sizing: border-box;
content:"Menu"; content:"Menu";
transition-delay:0.4s;
text-align:right;
padding-right:45px;
} }
nav .button::after nav .button::after
{ {
content:"Close"; content:"Close";
left:-100%; left:100%;
transition-delay: 0.4s;
text-align:left;
padding-left:45px;
} }
[nav-open] nav .button [nav-open] nav .button::before
{ {
left:100%; left:100%;
} }
[nav-open] nav .button::after
{
left:0%;
}
nav > ul nav > ul
{ {
position: absolute; position: absolute;