diff options
| -rw-r--r-- | public/assets/ok.css | 21 |
1 files changed, 18 insertions, 3 deletions
diff --git a/public/assets/ok.css b/public/assets/ok.css index 426ede8..a741c6d 100644 --- a/public/assets/ok.css +++ b/public/assets/ok.css @@ -87,6 +87,14 @@ menu ul { .navopen .item { transform: translateX(50vw); /*opacity:0.5;*/ + background: black; +} + +.navopen .item .top, +.navopen .item .bottom { + opacity: 0.1; + transition: 150ms opacity cubic-bezier(0, 0, 0, 1); + background: #eee; } div, @@ -132,7 +140,15 @@ nav span { padding: 2px; } -.index {} +.index { + width:60px; + transition: 150ms width; + transition-timing-function: cubic-bezier(0, 0, 0, 1); +} + +.navopen .index { + width: 50vw; +} .index:after { content: "INDEX"; @@ -222,7 +238,7 @@ button { button svg { opacity: 0; transition: 150ms all; - transition-timing-function: cubic-bezier(0, 0, 1, 1); + transition-timing-function: cubic-bezier(0, 0, 0, 1); transform: scale(0.3); } @@ -427,7 +443,6 @@ ul li { } .index { width: 10vw; - transition: 150ms width; } .index:after, .navopen .index:after { |
