nav animation

1 files changed, 21 insertions, 0 deletions

diff --git a/public/assets/ok.css b/public/assets/ok.css
index 3c3662b..426ede8 100644
--- a/public/assets/ok.css
+++ b/public/assets/ok.css
@@ -425,6 +425,18 @@ ul li {
     #burger {
         width: 22px;
     }
+    .index {
+        width: 10vw;
+        transition: 150ms width;
+    }
+    .index:after,
+    .navopen .index:after {
+        content: "";
+        padding-right: 0;
+    }
+    .navopen .index {
+        width: 90vw;
+    }
     .menu {
         width: 90vw;
         transform: translateX(-90vw);
@@ -432,6 +444,15 @@ ul li {
     .navopen .item {
         transform: translateX(90vw);
     }
+    nav span div:last-child {
+        transition: 150ms all;
+    }
+    .navopen nav span div:last-child {
+        transform: translateX(110px);
+        transition: 150ms all;
+        position: absolute;
+        right: 5px;
+    }
     .top {
         margin-top: 30px;
     }