From ba60213b14ef16d78b3434516d2f26028b6e9c87 Mon Sep 17 00:00:00 2001 From: TreetopFlyer Date: Fri, 13 Aug 2021 17:17:33 -0400 Subject: [PATCH] open/clonse transition no clip --- index.html | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/index.html b/index.html index a5937b3..4f7af07 100644 --- a/index.html +++ b/index.html @@ -379,20 +379,32 @@ nav .button::before, nav .button::after text-align: center; text-transform:uppercase; font-weight:900; + transition:left 0.4s; } nav .button::before { + box-sizing: border-box; content:"Menu"; + transition-delay:0.4s; + text-align:right; + padding-right:45px; } nav .button::after { 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%; } +[nav-open] nav .button::after +{ + left:0%; +} nav > ul { position: absolute;